Kairo Blocks — 61 shadcn/ui Landing Page Blocks for Next.js 16 & Tailwind 4

Build landing pages in an afternoon. Kairo Blocks is a library of 61 copy-paste sections for Next.js, Tailwind CSS 4 and shadcn/ui. Every block is one self-contained .tsx file: drop it into your project and ship.

Live demo: https://kairo-blocks-demo.jeffev123.workers.dev (browse every block with live previews and copy the code)

14 categories

Navbars (4) · Heroes (8) · Logo clouds (3) · Features (8) · Stats (3) · Testimonials (5) · Pricing (5) · FAQ (4) · Call to action (5) · Team (3) · Blog (3) · Contact (3) · Newsletter (2) · Footers (5)

Why Kairo Blocks

• One file per block, no extra npm packages: only shadcn/ui, lucide-react and Next.js
• Theme tokens only, so blocks adopt your colors, radius and dark mode automatically
• Responsive: reviewed at phone, tablet and desktop widths
• Interactive where it matters: mobile menus, pricing toggles, tabs, carousels, a usage-based price calculator, a filterable blog and forms with toasts
• Accessible markup: heading order, labelled controls, keyboard-friendly components
• Includes the showcase site to browse blocks with live previews and copy the code
• 100% TypeScript, zero lint errors

What you get

• Source code of all 61 blocks plus the showcase (ZIP)
• README with setup and usage, plus BLOCKS.md to write your own blocks in the same style
• Free lifetime updates

License

• Personal ($29): one end product for you or one client
• Commercial ($59): unlimited end products for you and your clients

You can't resell or redistribute the blocks themselves. See LICENSE.md in the download for the full terms.