Blocks · 59 screens and sections
Production-ready screens, assembled.
Dashboards, sign-in, billing, AI surfaces and every section a landing page needs — built from the components rather than reimplementing them, and installed as source that is yours to edit.
Dashboards 5
Overviews, analytics, admin consoles and operations views.
Admin — users
A team administration table with filtering, sorting and per-row actions.
Dashboards · built from 8 components
- Pro
Admin dashboard
An administration console: the shell every admin page shares — navigation, breadcrumb, account menu — and the overview that is its front page, with what needs attention first.
Dashboards · built from 11 components
Analytics
An analytics page: headline metrics against the previous period, a series over time, and the breakdown that made it up.
Dashboards · built from 5 components
- Pro
Command center
Operations at a glance: service health worst-first, open incidents by severity, capacity meters, a filterable log stream, and a command palette for every action an operator reaches for.
Dashboards · built from 8 components
Dashboard
An overview page with headline metrics and a recent activity feed.
Dashboards · built from 4 components
SaaS 6
Billing, settings, onboarding and the pipeline — the pages every product has.
API keys
List, create and revoke API keys — each new key shown once with copy, then only its masked form; revoking asks first.
SaaS · built from 11 components
Billing
A billing page: the current plan, metered usage against its limits, the payment method and the invoice history.
SaaS · built from 6 components
- Pro
CRM
A sales pipeline: open value by stage, the deals in it with filtering and sorting, the win rate and cycle length, and the last few touches.
SaaS · built from 12 components
Integrations
A directory of services to connect — searchable, filterable by category or connected, each with a labelled switch.
SaaS · built from 2 components
Onboarding
A setup checklist: what is done, which step is current, and what is blocked and why.
SaaS · built from 4 components
Settings
A settings page with a profile form, immediate toggles and a danger zone.
SaaS · built from 10 components
AI 4
Chat, agent consoles, AI usage and whole AI workspaces.
Agent console
One agent run, watched: the plan it is working from, the approval it is blocked on, and the ledger of what it has already done.
AI · built from 8 components
AI Chat
A complete chat surface: transcript, reasoning, tool calls, sources and composer.
AI · built from 11 components
AI dashboard
What the AI features cost and whether they worked: tokens, spend, failure rate, a breakdown by model, and the runs still going.
AI · built from 6 components
- Pro
AI workspace
A whole AI application surface: conversations down one side, the active transcript with reasoning, tool calls and sources in the middle, and the context — window usage, attachments and a structured result — on the other.
AI · built from 13 components
Authentication 3
Sign in, sign up and password reset, validated and accessible.
Forgot password
A password reset request, with a confirmation that does not leak account existence.
Authentication · built from 5 components
Login
A sign-in form with validation, social providers and a busy state.
Authentication · built from 7 components
Sign up
An account creation form with a password strength hint and terms acceptance.
Authentication · built from 6 components
Heroes 8
Openings for a landing page, from quiet to cinematic.
Hero flow field
A developer hero over a flowing current — headline, an install command to copy, two actions and a row of figures.
Heroes · built from 3 components
Hero grid
A centred hero over a grid of squares that light up under the pointer.
Heroes · built from 2 components
Hero light beams
A centred hero under a fan of light — an announcement pill, the headline, copy and two actions. CSS only.
Heroes · built from 2 components
Hero minimal
A quiet hero: a headline whose letters draw together, one line of copy and a text link.
Heroes · built from 1 component
Hero perspective grid
A centred hero over a tilted 3D plane of tiles that light up under the pointer.
Heroes · built from 2 components
Hero product
A centred hero with an announcement, headline and two calls to action over a large product screenshot.
Heroes · built from 3 components
Hero split image
A two-column hero with a headline, reviewer avatars, a star rating and calls to action beside an image.
Heroes · built from 3 components
Hero spotlight
A dark hero lit by a spotlight beam that opens as it scrolls into view.
Heroes · built from 1 component
Sections 24
Features, calls to action, FAQs, testimonials, logos, stats and team.
Careers
Open roles grouped by team, with a search, a team filter and an empty state that clears them.
Sections · built from 3 components
Changelog
Releases newest first — date, version, headline and each change marked New, Improved or Fixed — filterable by kind.
Sections · built from 1 component
Contact
How to reach the team beside a form that checks itself on submit, sends, and confirms — or keeps everything on failure.
Sections · built from 7 components
CTA banner
A compact banner call to action: headline, one line of copy and a single action.
Sections · built from 2 components
CTA centered
A centred call to action with two actions on a muted band with a soft glow.
Sections · built from 1 component
CTA split image
A two-column call to action whose copy and image slide in from either side.
Sections · built from 1 component
FAQ Accordion
Frequently asked questions as bordered cards, one answer open at a time.
Sections · built from 1 component
FAQ Categorized
Frequently asked questions in topic tabs, each topic an accordion of answers.
Sections · built from 2 components
FAQ Searchable
Frequently asked questions filtered by a search field as you type.
Sections · built from 3 components
FAQ Tabbed Grid
Frequently asked questions in category tabs, each category a grid of always-visible answers.
Sections · built from 1 component
Features alternating
Feature rows that alternate copy and media from side to side, each sliding in from its own side as it scrolls into view.
Sections · built from 0 components
Features bento
A bento grid of features: a two-by-two lead cell carrying a visual — by default a small analytics panel whose bars grow in — among smaller cells.
Sections · built from 2 components
Features icon grid
A features section: a grid of cards, each an icon, a title and a sentence, rising into view as the page scrolls.
Sections · built from 1 component
Logo cloud simple
A heading, a line of copy and a still grid of customer logos, dimmed until hovered or focused.
Sections · built from 0 components
Logo grid tooltips
A panel of grayscale logos that lift into colour and name themselves in a tooltip on hover or focus, in three to six columns.
Sections · built from 1 component
Logo links marquee
A heading over an endless row of large, linked logos that pop in one after another and tilt on hover, with a pause control.
Sections · built from 2 components
Logo marquee
A heading over a quiet, dimmed marquee of logos with a named speed, a direction and a pause control.
Sections · built from 2 components
Stats grid
A heading over a row of big figures, each with a label and a line of context, whose digits roll up from zero as the row scrolls into view.
Sections · built from 2 components
Stats trend cards
Metric cards with an icon, a figure that rolls up from zero, a label, a line of context and a trend stated in words.
Sections · built from 3 components
Team carousel
A large two-tone heading over a swipeable carousel of team member cards — avatar, name, role and a line under a divider — with previous and next buttons.
Sections · built from 3 components
Team grid
A heading over a grid of team members — a large portrait, name, role, location and bio — rising in one after another.
Sections · built from 1 component
Testimonial Rotator
One large quotation at a time, rotating on a timer shown by a filling indicator, with a stop/start control.
Sections · built from 2 components
Testimonial Spotlight
A heading beside one testimonial at a time, stepped through with previous and next.
Sections · built from 3 components
Testimonial Star Grid
Reviews in a grid, each with a star rating, the quotation and its author.
Sections · built from 1 component
Pricing 4
Plan tables with billing-period switches.
Pricing
A pricing section with plan cards and a monthly/yearly toggle.
Pricing · built from 5 components
Pricing Single Plan
One plan with every feature, under a monthly/annual switch with a price that rolls.
Pricing · built from 6 components
Pricing Three Tier
Three plans side by side, the middle one featured, under a monthly/annual switch with prices that roll.
Pricing · built from 6 components
Pricing Two Tier
A free plan beside a featured paid one, under a monthly/annual switch with prices that roll.
Pricing · built from 6 components
Headers 1
Site headers with menus, a mobile list and a skip link.
Site header
A whole site header from one list: menus with a featured card on desktop, the same links grouped in the mobile menu.
Headers · built from 3 components
Footers 4
From one row to a full mega footer with a newsletter.
Footer Mega
A mega footer: logo, four link columns and a newsletter sign-up, over a copyright and social bar.
Footers · built from 3 components
Footer Minimal
A one-row footer: logo and copyright, a few links, and social links.
Footers · built from 0 components
Footer Newsletter
A site footer with a newsletter sign-up and social links beside four columns of links.
Footers · built from 3 components
Footer Simple
A site footer with the brand and social links beside three columns of links.
Footers · built from 0 components