Find a starting point for your product.

Explore blocks and templates grouped around what you are building. Each collection includes layout guidance, public preview links, and practical notes on connecting the UI to your app.

Browse by workflow

SaaS landing pages

Build a SaaS landing page with animated React hero, feature, pricing, FAQ, CTA, and footer blocks. Compare layouts and open live previews.

AI chat interfaces

Compose an AI chat interface with React inputs, voice UI, artifacts, research sources, and usage controls. Explore editable blocks and live previews.

Dashboards and reporting

Build a React dashboard with finance, support, capacity, and goals layouts, animated KPI cards, reports, and data tables. Compare live examples.

Onboarding flows

Build a React onboarding flow with login and signup pages, animated multi-step forms, progress layouts, and empty states. Compare editable UI examples.

Next.js SaaS templates

Compare complete Next.js SaaS landing page templates for AI agents, developer tools, analytics, and AI workspaces, with live demos and editable source.