Three-step integration setup wizard with progress tracking - shadcn/ui
PROGuided integration setup with a stepper, provider selection, scope configuration, and success confirmation. Ideal for onboarding external services.
Preview
Explore More Blocks
NewsletterModern newsletter subscription components for React and Next.js. Build email capture forms, subscribe popups, modals, and newsletter sections with validation and call-to-action elements.
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.
BannerAttention-grabbing banner components for React and Next.js. Build notification banners, promotional headers, announcement bars, and call-to-action banners with dismissible options.
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
SidebarProfessional sidebar navigation and menu components for React and Next.js. Build dashboard sidebars, app navigation, crypto wallets, calendar views, task managers, and feature-rich sidebar layouts with customizable content.
AuthenticationSecure authentication components and login flows for React and Next.js. Build sign-in forms, registration pages, password reset flows, and authentication interfaces.
KPIProfessional KPI (Key Performance Indicator) card components for React and Next.js. Build metric displays, performance snapshots, dashboard cards with icons, badges, arrows, progress bars, charts, and action buttons to showcase business metrics and analytics.
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.