10 free blocks · MIT license
Landing page blocks for shadcn/ui
10 free copy-paste landing page sections for Next.js, Tailwind CSS 4 and shadcn/ui. The full Kairo Blocks pack has 61.
Copy, paste, ship
Every block is one self-contained file. Drop it into any shadcn/ui project.
Responsive
Designed mobile-first and tested at phone, tablet and desktop widths.
Light and dark
Built only on theme tokens, so blocks adopt your colors and dark mode.
Clean TypeScript
Readable markup, accessible headings and zero lint errors.
Categories
Navbars
1Responsive headers with mobile menus.
View blocksHeroes
1First impressions: headlines, CTAs and product shots.
View blocksLogo clouds
1Social proof from customers and partners.
View blocksFeatures
1Grids, bento layouts and alternating rows.
View blocksStats
1Numbers that build trust.
View blocksTestimonials
1Quotes, walls of love and case studies.
View blocksPricing
1Plans, toggles and comparison tables.
View blocksFAQ
1Accordions and two-column answers.
View blocksCall to action
1Closing sections that convert.
View blocksFooters
1Link columns, newsletter and legal.
View blocksNeed more? The full pack has 61 blocks in 14 categories
Every variant of these sections, plus team, blog, contact and newsletter blocks. Same code style, same theme tokens.