Page sections for React and Tailwind
124 blocks grouped by the job they do on a page. Each one is a single file: install it with the shadcn CLI, change the copy, ship. They share one set of tokens, so sections from different groups fit together.
14 blocksHero sections14 free hero section blocks for React and Tailwind CSS v4: split layouts, kinetic type, aurora and gradient mesh backgrounds, product mockups and waitlist heroes.Browse 10 blocksPricing sectionsFree React pricing section components for Tailwind CSS: three-tier pricing tables, plan cards, monthly and yearly toggles, feature comparison tables and animated pricing pages.Browse 7 blocksFeature sectionsFree feature section blocks for React and Tailwind CSS v4: icon feature grids, bento grids, alternating feature rows with motion and sticky scroll stories.Browse 8 blocksTestimonialsFree testimonial components for React and Tailwind CSS: quote cards, a testimonial carousel, a social proof wall, press quotes and avatar rows.Browse 4 blocksFAQ sectionsFree FAQ section blocks for React and Tailwind CSS v4: accessible accordions, two-column FAQ layouts and an animated FAQ with motion, ready for FAQPage structured data.Browse 9 blocksCTA sectionsFree call to action blocks for React and Tailwind CSS: CTA bands, glowing CTA panels, sticky CTA bars, magnetic buttons, contact sales and waitlist forms.Browse 3 blocksFootersFree footer components for React and Tailwind CSS v4: a mega footer with link columns, a compact footer with nav links, and matching email footers.Browse 8 blocksNavbars and headersFree navbar and header components for React and Tailwind CSS v4: a marketing nav with mega menu, a floating nav, a mobile nav drawer, a navigation menu built on Base UI and page headers.Browse 6 blocksLogo cloudsFree logo cloud components for React and Tailwind CSS: static logo grids, an animated logo wall, a brand marquee hero and an orbiting logo cluster.Browse 8 blocksStats sectionsFree stats section components for React and Tailwind CSS: headline number strips, animated counters, metric tiles with deltas, a split-flap stat board and a metric ticker.Browse 11 blocksLogin and signupFree login and signup components for React and Tailwind CSS v4: sign in page, sign up form, social auth buttons, magic link, password reset, two-factor setup and verification.Browse 10 blocksDashboardsFree dashboard page blocks for React and Tailwind CSS v4: a SaaS dashboard home, admin overview, analytics page, engineering console, status page and report builder with live charts.Browse 9 blocksSettings pagesFree settings page blocks for React and Tailwind CSS v4: a settings layout with sections, profile form, billing page, feature flags, API keys and team management.Browse 8 blocksLanding pagesFree landing page blocks for React and Tailwind CSS v4: complete SaaS marketing pages, a scroll story, a premium landing page with motion and section blocks you can mix.Browse 9 blocksEmpty and error statesFree empty state and error components for React and Tailwind CSS: empty workspace, empty table and search results, 404 not found, server error, offline state and retry patterns.Browse