Component Library

Reusable Components

Discover our collection of production-ready components designed for Block documentation sites. Copy, paste, and customize to build amazing user experiences.

Browse Components

20

Total Components

Ready to use

3

Categories

Well organized

100%

Accessible

WCAG compliant

Component Categories

Choose from our carefully crafted components, organized by purpose and functionality.

Layout Components

8 components

Flexible layout components for organizing content and building page structures. Perfect for creating consistent, responsive designs across your documentation site.

Flexible grid system for showcasing features

Versatile header component for page introductions

Feature Section

Highlight features and key information

Comprehensive footer with navigation and social links

Call-to-action components for conversions

Display articles and posts

Interactive FAQ with accordion functionality

Showcase company logos and build trust

Block Components

4 components

Custom Block-specific components designed for documentation and marketing sites. Built with Block's design principles in mind.

Collapsible content sections

Tabbed content organization

Hero sections for landing pages

Interactive checklists

UI Components

8 components

shadcn/ui based components for consistent user interface elements. High-quality, accessible components with beautiful design.

Button component with variants

Grouped card layouts

Syntax highlighted code blocks

Section dividers

Inline code formatting

Navigation sidebar component

Data tables with styling

Usage

All components are designed to be:

Reusable - Drop into any page or layout
Customizable - Styled with Tailwind CSS
Accessible - Built with accessibility in mind
Responsive - Work on all screen sizes

Getting Started

Browse the components above to see examples, usage instructions, and customization options for each component.