Blocks
Pre-built layout sections you can copy, paste, and customize instantly.
Blocks
Blocks are pre-built, reusable layout sections that combine multiple components into cohesive, production-ready parts of your UI. They follow best practices for design, accessibility, and responsiveness — so you can ship faster without starting from scratch.
How blocks work
Browse the block category that matches your need
Copy the block code into your project
Customize colors, copy, and layout using Tailwind CSS and props
Common questions
Block Categories
Authentication
- Auth Block — Sign-in and registration form layouts
Hero Sections
- Hero Center — Centered hero with headline and call-to-action
- Hero Split — Split layout with image and content
- Hero Feature — Feature-focused hero with highlights
- Hero Minimal — Clean, minimal hero design
Navigation
- Navbar Simple — Clean navigation with logo and menu
- Navbar Centered — Centered navigation with search
- Navbar Sidebar — Collapsible sidebar navigation
- Navbar Mega — Mega menu with categories
Features
- Features Grid — Grid layout for feature highlights
- Features List — Vertical list with icons
- Features Cards — Card-based feature display
- Features Tabs — Tabbed feature content
Content
- Content Split — Text and image side-by-side
- Content Center — Centered content layout
- Content Grid — Multi-column content grid
- Content Testimonial — Testimonial-focused layout
Pricing
- Pricing Cards — Card-based pricing plans
- Pricing Comparison — Table-based plan comparison
- Pricing Toggle — Monthly/yearly billing toggle
- Pricing Feature — Feature-focused pricing layout
Team
- Team Grid — Grid layout for team members
- Team Cards — Card-based team display
- Team List — Vertical team member list
- Team Social — Team with social media links
Footer
- Footer Simple — Clean footer with links
- Footer Multi-column — Multi-column footer layout
- Footer Minimal — Minimal footer design
- Footer Newsletter — Footer with newsletter signup
Forms
- Contact Form — Complete contact form layout
- Newsletter Form — Newsletter signup section
- Search Form — Search interface layout
- Login Form — Authentication form design
Blog
- Blog Grid — Grid layout for blog posts
- Blog List — List layout for articles
- Blog Card — Card-based blog display
- Blog Hero — Featured article hero
Stats
- Stats Grid — Grid layout for key statistics
- Stats Counter — Animated counter display
- Stats Progress — Progress-based statistics
- Stats Chart — Chart-based statistics
Have a block type you'd like to see added? Open an issue or start a discussion on GitHub.
How is this guide?
Last updated on 2/26/2026