Blocks

Pre-built UI blocks

Free, copy-paste React & Next.js blocks — navbars, hero and feature sections, pricing and login cards, testimonials, and full dashboards. Built with Tailwind CSS and Framer Motion; install with the shadcn CLI.

Navigation

Navbar

Responsive navbars — circular, tab, floating, and sidebar patterns.

Footer

Footers with wave, stacked, and particle animation styles.

Hero & marketing sections

Bento Grid

A bento grid for hero and feature sections, with physics-based hover and scroll animations.

Animated Testimonials

An animated testimonials section for customer reviews and social proof.

Testimonials

A testimonials section for showcasing reviews and social proof.

Feedback Card

A feedback card that collects ratings and comments with emoji reactions.

Pricing & authentication

Cards

Pre-designed cards for login, signup, pricing, and dashboards.

Login Card

A login form card for authentication pages and SaaS apps.

Multistep Form

A multi-step form with progress indicators for registration and checkout.

Dashboards & data

Templates

Full page templates, including ready-to-copy dashboards.

Event Calendar

An interactive calendar for events, appointments, and schedules.

Kanban Board

A drag-and-drop kanban board for organizing tasks into columns.

Browse all components