Full-screen background hero with dual CTAs - shadcn/ui
PROAnother example of hero block with a full background image and black overlay. Features primary and secondary CTAs with centered content for maximum impact.
Preview
Explore More Blocks
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
OverviewCustomer review and testimonial overview components for React and Next.js. Build review sections, rating displays with statistics, customer testimonials with profile images, and comprehensive feedback interfaces.
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
PagesComplete, ready-to-use full-page layouts for React and Next.js. Drop in a full page — dashboards, management views, and multi-section layouts composed from multiple blocks. Install with one command and customize to your needs.
FeatureProfessional feature showcase components for React and Next.js. Build product features, service highlights, benefits sections, and feature comparison layouts with icons, images, and call-to-action elements.
x402Internet-native payment protocol components for React and Next.js. Build AI agent payments, HTTP-based stablecoin transactions, and autonomous commerce experiences using the x402 protocol.
OrderProfessional order tracking and management components for React and Next.js. Build order details pages, tracking timelines, shipping status displays, order summaries, and delivery management interfaces with customizable layouts.