# GetUrUI

> Animated React components, blocks, AI-agent UI, charts and templates built with Motion and Tailwind CSS 4. Installed as source with the shadcn CLI.

Totals: 157 catalog items, 332 installable designs (106 free, 226 Pro), 32 templates.

Install free items: npx shadcn@latest add @geturui/<name>   (registry: https://geturui.com/r/{name}.json)
Install Pro items:  npx shadcn@latest add @geturui-pro/<name> (registry: https://geturui.com/r/pro/{name}.json, header Authorization: Bearer $GETURUI_TOKEN)
Theme tokens first: npx shadcn@latest add @geturui/theme
MCP server: https://geturui.com/api/mcp (streamable HTTP; tools: search_components, get_component, install_command, list_collections)

## Docs
- [Installation](https://geturui.com/docs/installation): registry setup, theme, fonts
- [Theming](https://geturui.com/docs/theming): tokens, dark/light via data-theme
- [Motion guide](https://geturui.com/docs/motion): springs and rules
- [For coding agents](https://geturui.com/docs/agents): MCP server setup for Claude Code, Cursor and other agents, plus prompts that work
- [Pro registry](https://geturui.com/docs/pro-registry): token setup

## Components
- [Alert](https://geturui.com/docs/alert) (free): Inline alert that stays in the page flow in six tones, as a floating card or full-width banner; it unrolls with a spring, each tone icon moves once, and dismissing folds it away. — registry name `alert`
- [Animated Badge](https://geturui.com/docs/badge) (free): Small uppercase status label in nine tones, with an optional pulsing dot for live states and a lock glyph on Pro. — registry name `badge`
- [Animated Context Menu](https://geturui.com/docs/context-menu) (free): Right-click or long-press menu that opens at the pointer: it scales from the nearest corner, items stagger in, a highlight glides between rows and submenus slide in beside their item. — registry name `context-menu`
- [Avatar](https://geturui.com/docs/avatar) (free): Avatar in six sizes with an image to initials to icon fallback chain, presence, verified and logo corners, plus a stack that fans out on hover; photos blur up into focus. — registry name `avatar`
- [Bottom Sheet](https://geturui.com/docs/bottom-sheet) (free): Draggable glass sheet with snap points; release velocity is projected forward to pick the detent and the scrim fades with the sheet's height. — registry name `bottom-sheet`
- [Bouncy Accordion](https://geturui.com/docs/accordion) (free): Single-open accordion whose panels open on a weighted height spring while the body rises out of a blur and the plus turns into a cross. — registry name `accordion`
- [Breadcrumbs](https://geturui.com/docs/breadcrumbs) (free): Location trail with chevron, slash or dot separators, a home crumb and long middles collapsed into a menu; in button style a hover pill glides between crumbs. — registry name `breadcrumbs`
- [Button](https://geturui.com/docs/button) (free): Pill button in twelve styles and five sizes with a spring press, leading and trailing icons, inline links whose underline draws in, a Spinner loading state, an async state machine and a magnetic hover. — registry name `button`
- [Calendar](https://geturui.com/docs/calendar) (free): Month grid for a single date or a range, one or two months wide; months slide in with a blur in the direction of travel and the range band sweeps out from the start day. — registry name `calendar`
- [Card Input](https://geturui.com/docs/card-input) (free): Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, and it stacks to two rows when narrow. — registry name `card-input`
- [Cards](https://geturui.com/docs/cards) (pro): Six interactive cards — account balance, expandable status row, referral, memo folder, story reel and creator profile — each with its own spring moment. — registry name `cards`
  - Account balance: Account balance that counts up, hides behind a privacy toggle and redraws its sparkline per period. — `cards-account-balance`
  - Status row: Single-row card with a status line that springs open to reveal details and actions in place. — `cards-status-row`
  - Referral: Invite-and-earn card with three steps, a copyable referral link and a segmented track of who has joined. — `cards-referral`
  - Memo folder: Folder whose front flap tips forward on hover or focus while three memos fan up out of it. — `cards-memo-folder`
  - Story reel: Auto-playing story card with segmented progress bars; tap the edges or use arrows to skip, hover or hold to pause. — `cards-story-reel`
  - Creator profile: Monogram profile card with a drawn cover; Follow morphs to Following with a small burst and the follower count ticks. — `cards-creator-profile`
- [Checkbox](https://geturui.com/docs/checkbox) (free): Native checkbox whose tick draws itself with a spring, morphs to a dash when indeterminate, and groups under a select-all parent. — registry name `checkbox`
- [Combobox](https://geturui.com/docs/combobox) (free): Type-to-filter combobox: matched text lights up in volt, a create row offers what you typed, async results load behind a spinner, and an empty state wobbles in when nothing matches. — registry name `combobox`
- [Command Palette](https://geturui.com/docs/command-palette) (free): A ⌘K palette on frosted glass with fuzzy search and grouped results; a spring highlight glides to the active row as you arrow through. — registry name `command-palette`
- [Copy Button](https://geturui.com/docs/copy-button) (free): Icon button that copies a value to the clipboard and morphs its glyph into a check with a scale-and-blur swap. — registry name `copy-button`
- [Data table](https://geturui.com/docs/data-table) (pro): Typed table with sorting, row selection and loading, empty, no-results and error states; rows glide to their new order on sort and a bulk-action bar springs up as you select. — registry name `data-table`
- [Date picker](https://geturui.com/docs/date-picker) (free): Date and range pickers on a sunken trigger: a popover holds the calendar, presets like Last 7 days and Apply/Cancel, plus a segmented date field whose digits roll as you step them. — registry name `date-picker`
- [Dialog](https://geturui.com/docs/dialog) (free): Accessible base modal with a featured icon, four widths and stacked phone actions; it springs in over a blurred scrim and turns into a drag-to-dismiss bottom sheet below 640px. — registry name `dialog`
- [Dock](https://geturui.com/docs/dock) (free): A macOS-style dock whose icons swell on springs as the cursor nears; labels rise above and the active dot glides between apps. — registry name `dock`
- [Drawer](https://geturui.com/docs/drawer) (free): A side panel that springs in from the left or right over a blurred scrim; drag it toward its edge, press Escape or click outside to dismiss. — registry name `drawer`
- [Dropdown Menu](https://geturui.com/docs/dropdown) (free): Menu button with button, icon, avatar or account-card triggers, an account header or filtering search, sections, checkbox and radio rows and submenus; it springs open from the trigger and a highlight glides between rows. — registry name `dropdown`
- [Drum Picker](https://geturui.com/docs/wheel-picker) (pro): Touch-style 3D drum picker with any number of columns: rows tilt by their distance from the centre, and drags or flicks glide with momentum before snapping to a value. — registry name `wheel-picker`
- [Field](https://geturui.com/docs/field) (free): Label, control and hint line with ids wired for screen readers; errors shake the control once and blur in under it. — registry name `field`
- [File Tree](https://geturui.com/docs/file-tree) (free): Collapsible file tree where folders spring open, chevrons rotate, indent guides light up for the active folder and a selection pill glides between rows. — registry name `file-tree`
- [Filter bar](https://geturui.com/docs/filter-bar) (pro): Search, saved views and filter chips with an Add filter builder that steps through field, operator and value; chips spring in, the bar closes the gap and the result count rolls. — registry name `filter-bar`
- [Input](https://geturui.com/docs/input) (free): Text field on a sunken well in three sizes with a volt focus halo, leading icon, joined text, select and button add-ons, a help tooltip, a clear button and a single shake when an error appears. — registry name `input`
- [Iris Menu](https://geturui.com/docs/iris-menu) (pro): A round action button that opens a grid of quick actions through an iris: a clip-path circle widens from the trigger and items arrive in rings by distance from the centre. — registry name `iris-menu`
- [Live Activity Pill](https://geturui.com/docs/dynamic-island) (pro): A floating status pill for live activities — idle, now playing, timer, incoming call and upload — whose dark shell springs between sizes while content crossfades through a blur. — registry name `dynamic-island`
- [Marquee](https://geturui.com/docs/marquee) (free): Infinite horizontal scroller with faded edges that loops any content, runs in either direction and pauses on hover. — registry name `marquee`
- [Morph Label](https://geturui.com/docs/morph-label) (free): A button that confirms in place: its label and icon morph through pending, done or error (Add to cart → Added → back) while the width springs to fit, plus a SwapSlot for any value that changes. — registry name `morph-label`
- [Number Input](https://geturui.com/docs/number-input) (free): Number field with steppers on both sides or stacked on the right, min/max/step, full keyboard control and press-and-hold that speeds up; digits roll to each new value on a spring. — registry name `number-input`
- [Odometer Number](https://geturui.com/docs/number-ticker) (free): Number that rolls each digit on its own spring reel, staggered left to right, when it scrolls into view or the value changes. — registry name `number-ticker`
- [Origin Modal](https://geturui.com/docs/morphing-modal) (free): A multi-view modal that opens from the button that launched it and returns there on close; the panel height springs between views and content crossfades through a blur. — registry name `morphing-modal`
- [OTP Input](https://geturui.com/docs/otp-input) (free): A one-time-code field where a focus ring glides between slots and digits roll in; wrong codes shake, right ones draw a check. — registry name `otp-input`
- [Pagination](https://geturui.com/docs/pagination) (free): Pure page-window engine plus numbered, compact, card-footer and carousel-dot paginators; the volt marker glides to the active page and numbers slide as the window shifts. — registry name `pagination`
- [Password Input](https://geturui.com/docs/password-input) (free): Password field with an eye toggle that blinks and draws its slash, a four-segment strength meter that springs in, and an optional requirements checklist. — registry name `password-input`
- [Popover](https://geturui.com/docs/popover) (free): Click-to-open panel anchored to its trigger that scales from the trigger edge with a spring and flips above or below to stay in the viewport. — registry name `popover`
- [Radio group](https://geturui.com/docs/radio-group) (free): Single-choice group with roving focus and a selected dot that glides between options on a spring; card mode turns options into tiles a volt ring slides across. — registry name `radio-group`
- [Range Slider](https://geturui.com/docs/range-slider) (free): Slider with a volt fill, step ticks and a bar-shaped thumb that springs to each step and stretches while you drag. — registry name `range-slider`
- [Select](https://geturui.com/docs/select) (free): Single-choice select on the field well with avatars, status dots, icons, groups and an optional search box; a volt highlight glides between options and the panel springs open, flipping above near the viewport edge. — registry name `select`
- [Spinner](https://geturui.com/docs/spinner) (free): Loading indicator as a ring, dots or equaliser bars in five sizes; it announces itself as a status and slows to a pulse for reduced motion. — registry name `spinner`
- [Spring Tab Bar](https://geturui.com/docs/expandable-tabs) (pro): Icon-only tab bar whose active tab grows its label on a spring; the panel above resizes and slides content in from the side you moved towards. — registry name `expandable-tabs`
- [Stepper](https://geturui.com/docs/stepper) (free): Progress steps, horizontal or vertical, with number, icon, dot or bar markers; connectors fill with a spring, numbers morph into drawn checks and the current step breathes. — registry name `stepper`
- [Switch](https://geturui.com/docs/switch) (free): Toggle switch whose thumb slides on a stiff spring and stretches while pressed. — registry name `switch`
- [Tabs](https://geturui.com/docs/tabs) (free): Segmented tabs in pill, volt and underline styles; a shared spring indicator glides to the active tab and resizes to fit it. — registry name `tabs`
- [Tag group](https://geturui.com/docs/tag-group) (free): Chips with dots, avatars, flags, icons, counts and remove buttons, selectable singly or in sets; a removed chip blurs out while its neighbours slide closed. — registry name `tag-group`
- [Tag input](https://geturui.com/docs/tag-input) (free): Text field that turns entries into chips on Enter, comma or paste, validates each one, and springs new chips in while removed ones slide out. — registry name `tag-input`
- [Tag select](https://geturui.com/docs/tag-select) (free): Multi-select whose picks become chips in the field: chips pop in with a spring and fold into “+N”, options tick a drawn checkbox, arrows walk the chips and Backspace removes them, with Reset and Select all in the footer. — registry name `tag-select`
- [Text Animation](https://geturui.com/docs/text-animation) (free): Four text effects: a word-by-word blur reveal with a volt underline, a shimmer sweep, a glyph scramble and a rotating word swap. — registry name `text-animation`
- [Textarea](https://geturui.com/docs/textarea) (free): Multi-line field on the sunken well that grows with a spring between min and max rows, with a ring-gauge character counter, a resize handle and a toolbar slot. — registry name `textarea`
- [Theme Toggle](https://geturui.com/docs/theme-toggle) (free): A sun/moon button that flips the whole page between dark and light with a View Transition reveal from the button, as a circle or staggered slats. — registry name `theme-toggle`
- [Tilt Card](https://geturui.com/docs/tilt-card) (free): A card that tilts in 3D toward the pointer on a spring, with a glare that tracks the cursor and layers that float at different depths. — registry name `tilt-card`
- [Toasts](https://geturui.com/docs/toast) (free): Imperative toasts that stack in the corner, fan out on hover, update in place from loading to done, and blur away on dismiss. — registry name `toast`
- [Tooltip](https://geturui.com/docs/tooltip) (free): Hover and focus label rendered in a portal: it scales in from its trigger on a soft spring, flips to the side with room, carries a title, description, arrow and shortcut, and hands off instantly between neighbours. — registry name `tooltip`

## AI Agents
- [Agent Timeline](https://geturui.com/docs/agent-activity) (pro): Live timeline of an agent's steps — thinking, searching, reading, editing — with morphing status icons, ticking timers, expandable details and a shimmer on the active step. — registry name `agent-activity`
- [Assistant Workspace](https://geturui.com/docs/chat-app) (pro): Complete chat block — conversation sidebar, grouped messages, streaming markdown replies and a composer — driven by a local mock assistant. — registry name `chat-app`
- [Citations](https://geturui.com/docs/citations) (free): Inline numbered citation chips that open a source card with a spring on hover or focus, plus a sources list that highlights the cited item. — registry name `citations`
- [Code Block](https://geturui.com/docs/code-block) (free): AI-style code block with filename header, copy button, line numbers, line highlights and a tiny highlighter; long code collapses behind a height spring. — registry name `code-block`
- [Message Bubble](https://geturui.com/docs/message-bubble) (free): User and assistant chat bubbles that spring in, group consecutive messages and reveal copy, retry and feedback actions on hover or focus. — registry name `message-bubble`
- [Model Picker](https://geturui.com/docs/model-picker) (pro): Model pickers grouped by provider with monogram marks — a searchable popover with keyboard selection, or a provider rail beside selectable model cards — with springy indicators and blurred crossfades. — registry name `model-picker`
  - Provider catalog: Searchable popover grouped by provider, with badges, match highlighting and the search field pinned to the bottom. — `model-picker-provider-catalog`
  - Provider rail: Provider rail on the left with a sliding indicator; that provider's models as selectable cards with speed and depth meters on the right. — `model-picker-provider-rail`
- [Prompt Composers](https://geturui.com/docs/chat-composers) (pro): Four composers for AI products — an image prompt with references, a capsule that grows as you type, a playground with model and temperature controls and a metered box that prices each send. — registry name `chat-composers`
  - Image prompt: Large image-prompt composer with drawn reference thumbnails, style chips, an aspect selector with a sliding thumb and an image counter. — `chat-composers-image-prompt`
  - Capsule: Fully rounded single-line capsule that springs taller and softens its corners as text wraps; voice swaps to send once you type. — `chat-composers-capsule`
  - Playground: Playground composer with a toolbar: model menu, temperature popover with presets and a slider, max-token switch and tool toggles. — `chat-composers-playground`
  - Metered: Composer with a credit meter that previews the draft's cost as you type and ticks the balance down with a flying debit chip on send. — `chat-composers-metered`
- [Prompt Input](https://geturui.com/docs/prompt-input) (free): Chat composer with an auto-growing textarea, model picker and attachment chips; the send button morphs into a stop button while a reply streams. — registry name `prompt-input`
- [Thinking Indicators](https://geturui.com/docs/thinking-loaders) (pro): Six small indicators for an AI reply that is on its way, from a pixel trail to a hopping graph, each with an optional shimmering status label. — registry name `thinking-loaders`
  - Pixel trail: A lit pixel circles a 3×3 grid and leaves a fading trail while the centre breathes. — `thinking-loaders-pixel-trail`
  - Scanline: A glowing scan line sweeps a dot matrix and each row lights as it passes. — `thinking-loaders-scanline`
  - Tile ripple: Squares swell and turn in a wave that rolls from one corner to the other. — `thinking-loaders-tile-ripple`
  - Quad lock: Four tiles spin in from the corners, lock into a square with a pulse, then scatter. — `thinking-loaders-quad-lock`
  - Comet rhombus: A comet circles a rhombus outline while the inner rhombus turns the other way. — `thinking-loaders-comet-rhombus`
  - Graph hop: A pulse hops along the edges of a small graph and each node flashes as it lands. — `thinking-loaders-graph-hop`
- [Token Stream](https://geturui.com/docs/streaming-response) (free): Renders an AI reply token by token from a string or async stream, fading each chunk in behind a blinking caret, with safe markdown. — registry name `streaming-response`
- [Tool Permission Card](https://geturui.com/docs/tool-approval) (pro): Card that asks a person to approve an agent's tool call — arguments, risk level and an always-allow switch — then springs down into a compact receipt. — registry name `tool-approval`
- [Usage Meter](https://geturui.com/docs/usage-budget) (pro): Usage card with a segmented meter coloured by resource, a hatched projection and animated totals; the monthly budget slider rescales every segment live. — registry name `usage-budget`
  - Segmented meter: Segments fill by resource with a staggered spring; hover a resource to isolate its share, drag the budget to rescale. — `usage-budget-segmented-meter`

## Blocks
- [Announcement Bars](https://geturui.com/docs/announcement-bars) (pro): Five site-wide announcement bars — a rotating one-liner, an action card, a volt bar with email capture, a floating pill and a launch countdown with flipping digits — that slide in and collapse with a height spring when dismissed. — registry name `announcement-bars`
  - Slim: One line with a tag and link. Several messages rotate with a blurred crossfade, a progress hairline and previous / next buttons. — `announcement-bars-slim`
  - With actions: Title, supporting line, secondary and primary buttons and a dismiss, as a contained card or full width; stacks on narrow screens. — `announcement-bars-actions`
  - Brand: Full-width volt bar with inline email capture that validates, shows a spinner and swaps to a confirmation with a blur. — `announcement-bars-brand`
  - Floating pill: A glass pill pinned to the bottom of the screen that springs up after a delay and drops away with a blur when dismissed. — `announcement-bars-floating`
  - Countdown: Launch bar with days, hours, minutes and seconds that flip on springs, a reminder toggle and a live state at zero. Time is only read in effects. — `announcement-bars-countdown`
- [App Sidebars](https://geturui.com/docs/app-sidebars) (pro): Four app-shell sidebars — simple with search and count badges, sectioned with nested disclosures, a dual-tier icon rail with a swapping panel, and one that collapses to a rail — with gliding active pills, height and width springs and blurred panel swaps. — registry name `app-sidebars`
  - Simple: Logo, a search field that filters the nav live, icon items with count badges, footer links and an account menu that opens upward. — `app-sidebars-simple`
  - Sectioned: Group headings, nested items that spring open with a rotating chevron, and an active pill that glides between top-level and child pages via shared layout. — `app-sidebars-sectioned`
  - Dual-tier: A narrow icon rail beside a wide panel; picking a rail section glides its indicator and swaps the panel content with a blurred crossfade. — `app-sidebars-dual-tier`
  - Collapsible: Collapses to a 68px icon rail: the width springs, labels fade, a gliding pill marks the page and rail items get side tooltips. Persists nothing. — `app-sidebars-collapsible`
- [Bento Showcase](https://geturui.com/docs/bento-showcase) (pro): Asymmetric bento of five product cards; hovering or focusing a card plays its illustration — a typing command palette, fanning theme cards, a spring curve, a spinning orbit and a redrawing chart. — registry name `bento-showcase`
- [Comparison](https://geturui.com/docs/comparison) (pro): Three ways to compare — spring-grown benchmark bars with a ratio callout, a sticky-header feature matrix with a highlighted column, and a before/after toggle that morphs scattered tools into a connected hub. — registry name `comparison`
  - Bar comparison: Benchmark bars grow on a spring when scrolled into view, re-sort per metric tab, and a ratio callout rolls to show how far ahead you are. — `comparison-bar-comparison`
  - Feature matrix: Scrollable feature table with a sticky header and first column, a volt-banded highlight column, group headings and a Differences only switch. — `comparison-feature-matrix`
  - Before and after: A toggle morphs six scattered, tangled tools into a hub-and-spoke system with travelling pulses, while the side stats crossfade. — `comparison-before-after`
- [Contact Sections](https://geturui.com/docs/contact-sections) (pro): Four contact sections — details beside a validated form that morphs into a receipt, a stylised SVG map that pans to each office, an office grid with live local times, and support channel cards with availability dots. — registry name `contact-sections`
  - Form and details: Contact details beside a form with topic chips, a counted message and consent; it validates inline and morphs into a sent receipt with a reference. — `contact-sections-form-split`
  - Map card: A street map drawn in SVG; pins drop in on springs and choosing an office pans the map to it while the glass card crossfades its details. — `contact-sections-map-card`
  - Office locations: Office cards with live local time and open or closed status, copyable addresses, a hover lift and a closing card for remote teams. — `contact-sections-offices-grid`
  - Support channels: Channel cards with live availability dots, a featured chat card and whole-card hit areas, plus a row of plain help links. — `contact-sections-support-channels`
- [CTA Banner](https://geturui.com/docs/cta-banner) (free): Large rounded call-to-action panel on a faded dot grid with a headline, two buttons and a soft volt spotlight that trails the cursor. — registry name `cta-banner`
- [CTA Sections](https://geturui.com/docs/cta-sections) (pro): Four closing calls to action — a frosted card over a tilting product window, cards drifting around the headline with pointer parallax, counter-rotating rings of logos and metrics, and a liquid goo button. — registry name `cta-sections`
  - Product window: A tilting app window with a frosted glass card on top; the email form shakes on errors and morphs into a confirmation. — `cta-sections-product-window`
  - Floating gallery: Small UI cards drift around the headline on their own loops and shift with the pointer at different depths. — `cta-sections-floating-gallery`
  - Proof orbit: The CTA sits at the centre of two counter-rotating rings of customer wordmarks and proof metrics that stay upright and pause on hover. — `cta-sections-proof-orbit`
  - Liquid: Bold CTA panel whose button is built with an SVG goo filter: droplets and a cursor-following blob melt out of the pill on hover. — `cta-sections-liquid`
- [Empty States](https://geturui.com/docs/empty-states) (pro): Four empty states with illustrations drawn from shapes — an archive drawer, a searching lens, an inbox-zero tray and a blank kanban board — each looping gently beside one clear action. — registry name `empty-states`
  - Archive drawer: A cabinet drawer slides out, empty folder tabs peek up, and it rolls shut again. — `empty-states-archive-drawer`
  - Search lens: A lens drifts over skeleton results, flashes a no-match mark at each stop, and offers suggestion chips. — `empty-states-search-lens`
  - Inbox zero: The last letter drops into an empty tray, a check badge pops and sparkles twinkle. — `empty-states-inbox-zero`
  - Blank board: A cursor drags a ghost card across empty kanban columns over pulsing placeholders. — `empty-states-blank-board`
- [FAQ](https://geturui.com/docs/faq-section) (free): FAQ section with a heading, a spring accordion of questions and a "still have questions" contact card whose avatar stack pops in. — registry name `faq-section`
- [Feature Grid](https://geturui.com/docs/feature-grid) (free): Bento grid of six features where each tile runs a small live micro-animation — a typing command, a theme toggle, a moving focus ring, a rolling counter, springy bars and a clicking cursor — and lifts on hover. — registry name `feature-grid`
- [Feature Sections](https://geturui.com/docs/feature-sections) (pro): Four feature sections — pulsing hotspots over a product shot, alternating rows that slide in from their side, a list that drives an animated panel and a tabbed tour with timed progress bars. — registry name `feature-sections`
  - Hotspots: Product shot with numbered, pulsing hotspots; each opens an anchored detail card you can step through with arrow keys. — `feature-sections-hotspots`
  - Alternating rows: Rows that swap image and copy sides; each slides in from its own side on scroll while its built-in visual animates. — `feature-sections-alternating-rows`
  - Synced list: A vertical feature list drives a large panel: the active item expands, a volt rail glides to it and the panel visual crossfades in the direction you moved. — `feature-sections-synced-list`
  - Tabbed tour: Product tour with tabs whose progress bars fill on a timer; it autoplays through four app views and pauses on hover or focus. — `feature-sections-tabbed-tour`
- [File Upload](https://geturui.com/docs/file-upload) (pro): Drag-and-drop uploader whose dashed border marches on dragover; files slide in with spring progress bars, oversized files show an error and shake the zone, and rows exit sideways when removed. — registry name `file-upload`
- [Footer](https://geturui.com/docs/footer-block) (free): Site footer with a brand blurb, four link columns, a newsletter field that swaps to an inline success state, and a base row with legal links and a pulsing status dot. — registry name `footer-block`
- [Footer Sections](https://geturui.com/docs/footer-sections) (pro): Three footers — a link-rich directory with a newsletter, an oversized wordmark whose letters rise as you scroll, and a compact bar with a live local clock and status dot. — registry name `footer-sections`
  - Directory: Brand, five link columns with sliding underlines and tags, a newsletter card with loading and joined states, and a legal row. — `footer-sections-directory`
  - Wordmark: Large display links and a statement above an oversized brand wordmark whose letters rise and straighten as the footer scrolls into view. — `footer-sections-wordmark`
  - Local time: Compact one-row footer with a live clock in the team's time zone whose digits roll each second, an office-hours hint and a status dot. — `footer-sections-local-time`
- [Hero](https://geturui.com/docs/hero-section) (free): Marketing hero with a pulsing announcement pill, a word-by-word headline with a volt-marked word, two CTAs, a copyable install command and a floating product shot of animated UI cards. — registry name `hero-section`
- [Hero Sections](https://geturui.com/docs/hero-sections) (pro): Five landing heroes — a drifting aurora over a live workflow run, a split hero with a clickable product demo, a terminal that installs then renders a component, a cited answer engine and a search-first marketplace with floating listings. — registry name `hero-sections`
  - Aurora workflow: Centered hero over blurred, drifting volt and ember blobs, with a glass workflow strip whose steps run one after another. — `hero-sections-aurora-workflow`
  - Split demo: Copy on the left and a working expense-approval inbox on the right: approve, flag or switch on an auto-approve rule until you hit inbox zero. — `hero-sections-split-demo`
  - Code demo: A terminal types the install command and streams its output, then the installed plan card springs into a live preview you can click. — `hero-sections-code-demo`
  - Centered cited: Answer-engine hero: a question types itself, sources load one by one, then the answer streams in with citation markers that light up their source. — `hero-sections-centered-cited`
  - Marketplace: Search-first hero with a big search bar, category chips under a sliding highlight and listing cards that float around the headline and refilter live. — `hero-sections-marketplace`
- [Logo Cloud](https://geturui.com/docs/logo-cloud) (free): Customer logo strip of text wordmarks in varied weights and spacing, as an endless marquee or a bordered grid where each logo lifts to reveal a caption on hover. — registry name `logo-cloud`
- [Modal recipes](https://geturui.com/docs/modal-recipes) (pro): Six ready-made modals on the Dialog primitive: type-to-confirm delete, create project, success with a self-drawing check, keyboard shortcuts, upgrade to Pro and invite teammates with email chips. — registry name `modal-recipes`
  - Confirm delete: Alert dialog that lists what will be lost and arms the destructive button only once the project name is typed exactly. — `modal-recipes-confirm-delete`
  - Create project: Form modal with a live URL preview under the name, visibility as native radio cards and a native template select. — `modal-recipes-create-project`
  - Success: Centred celebration: the check draws itself as a ring ripples out, then next steps blur in one by one. — `modal-recipes-success`
  - Keyboard shortcuts: Wide sheet of grouped shortcuts with keycaps and a filter box; groups reflow with layout springs and it opens on “?” too. — `modal-recipes-keyboard-shortcuts`
  - Upgrade to Pro: Ember-accented upsell with a monthly / yearly switch on a gliding pill, a price that blurs between cycles and a feature list. — `modal-recipes-upgrade-to-pro`
  - Invite teammates: Email chip field (Enter, comma, space or paste a list; Backspace removes) that flags bad addresses, a role select and a copy-link action. — `modal-recipes-invite-teammates`
- [Navbar](https://geturui.com/docs/navbar) (pro): Four site headers — a glass pill that springs wider on scroll, a full-width mega menu with sliding panels, a morphing preview dropdown and a minimal header with a side sheet — each with a working mobile menu. — registry name `navbar`
  - Pill: Floating glass pill that springs wider once you scroll, revealing a CTA and a reading-progress line; links share a gliding hover highlight. — `navbar-pill`
  - Mega menu: Full-width header whose sections open one shared panel that slides left or right between sections, with a link grid and a feature card per section. — `navbar-mega-menu`
  - Morphing: Centered nav whose single preview panel morphs its width, height and position between items while each item's feature preview crossfades in. — `navbar-morphing`
  - Simple: Minimal header with a sliding volt underline on links and a focus-trapped side sheet on small containers. — `navbar-simple`
- [Notification Center](https://geturui.com/docs/notification-stack) (pro): A notification center that groups cards per app under a count badge; groups fan open on hover or click and each card swipes sideways to dismiss with a spring fling. — registry name `notification-stack`
- [Page Headers](https://geturui.com/docs/page-headers) (pro): Six inner-page headers — simple, with actions, with search, with tabs, with breadcrumbs and meta, and centred with an email field — each in a default or volt-tinted brand tone, with titles that rise word by word. — registry name `page-headers`
  - Simple: Eyebrow, a title that rises word by word and a supporting line. — `page-headers-simple`
  - With actions: Title block with inline stats on the left and actions on the right; actions go full width when stacked. — `page-headers-with-actions`
  - With search: A search field that widens on focus with a spring, popular-search chips and a result line that crossfades in. — `page-headers-with-search`
  - With tabs: Title, actions and a row of section tabs with counts; the underline glides between tabs and the row scrolls on narrow screens. — `page-headers-with-tabs`
  - Breadcrumbs and meta: Detail-page header: a breadcrumb trail that becomes a back link when narrow, title with status and star, a meta row, people stack and actions. — `page-headers-breadcrumbs`
  - Centred: Centred eyebrow pill, title and subtitle with either buttons or an inline email field that confirms with a blur swap. — `page-headers-centered`
- [Pricing](https://geturui.com/docs/pricing-section) (free): Pricing table with a volt billing toggle, a seat slider with volume-discount tiers and plan prices that roll digit by digit whenever billing or seats change; the featured plan glows. — registry name `pricing-section`
- [Pricing](https://geturui.com/docs/pricing-blocks) (pro): Five pricing sections — AI tiers with usage multipliers, a team calculator, usage-based volume pricing, a two-plan duo with a travelling glow border and a keyboard-driven terminal table — where prices roll digit by digit on every change. — registry name `pricing-blocks`
  - AI tiers: Free, Pro and Team cards with a billing toggle and usage-multiplier tabs; prices roll and each plan's credit meter grows with the multiplier. — `pricing-blocks-ai-tiers`
  - Team calculator: Seat slider, a discount staircase that lights the active tier and add-on switches feeding a receipt whose total rolls digit by digit. — `pricing-blocks-team-calculator`
  - Usage slider: Usage-based pricing: drag a volume slider over log-spaced stops while graduated price bands fill and the monthly estimate rolls. — `pricing-blocks-usage-slider`
  - Plan duo: Two plans side by side; a solid volt glow travels around the featured card's border while a yearly switch rolls both prices. — `pricing-blocks-plan-duo`
  - Command deck: Monospaced pricing table for developer tools: arrow keys or j/k move a springy row highlight, B flips billing and Enter writes the CLI command. — `pricing-blocks-command-deck`
- [Sign Up Form](https://geturui.com/docs/sign-up-form) (free): Sign-up card with a GitHub button, an email field that validates and shakes, an animated password-strength meter, a stateful submit and a success state that morphs in with a drawn check. — registry name `sign-up-form`
- [Stats](https://geturui.com/docs/stats-section) (free): Four headline numbers that roll in digit by digit, each with a sparkline that draws itself, fills its area and drops an end dot when scrolled into view. — registry name `stats-section`
- [Testimonials](https://geturui.com/docs/testimonials-wall) (free): Wall of quote cards with initials avatars: two marquee rows drifting in opposite directions, or a masonry layout whose cards blur up into view. — registry name `testimonials-wall`
- [Testimonials](https://geturui.com/docs/testimonial-blocks) (pro): Three testimonial sections — drifting dispatch columns, a rotating spotlight quote with filling progress dots, and a masonry wall whose cards expand into the longer story — all with initials avatars. — registry name `testimonial-blocks`
  - Dispatch wall: Quote cards tagged by channel drift up and down in alternating columns (1, 2 or 3 by container width) behind a soft edge mask. — `testimonial-blocks-dispatch-wall`
  - Spotlight: One quote at a time in large display type: words blur in, the active dot fills as a progress bar, and arrows or dots switch by hand. — `testimonial-blocks-spotlight`
  - Masonry: Masonry wall of quotes in mixed card styles — metric cards, volt-tinted cards and marked phrases — that expand in place to show the longer story. — `testimonial-blocks-masonry`
- [Trust Center](https://geturui.com/docs/trust-security) (pro): Three trust sections — compliance seals with rotating ring text and scoped details, four safeguards whose line icons draw themselves, and an uptime promise with 90 scrubbable day bars, support targets and service credits. — registry name `trust-security`
  - Compliance marks: SOC 2, ISO 27001, GDPR and HIPAA as generic text seals with rotating ring text; choosing one swaps in its scope, assessor and report link. — `trust-security-compliance-marks`
  - Safeguards: Four safeguard tiles whose icons animate in view and replay on hover: a lock snaps shut, a fingerprint traces, a log writes and backups spin. — `trust-security-safeguards`
  - Uptime promise: A rolling uptime percentage over 90 daily bars you can scrub by pointer or keyboard, beside support response targets and service credits. — `trust-security-uptime-promise`
- [Weekly Hours](https://geturui.com/docs/weekly-hours) (pro): Paint your working hours on a week grid: click or drag to fill slots that merge into runs, switch whole days off, and see the summary chips and weekly total update. — registry name `weekly-hours`

## Examples
- [Auth forms](https://geturui.com/docs/auth-forms) (pro): Five card-sized auth forms — sign in, sign up with live strength, magic link, one-time code and a three-step reset — with inline validation, a shake on error and crossfading success states. — registry name `auth-forms`
  - Sign in: Email and password with an animated reveal toggle, Google and passkey buttons, a remember-me option and a shake on a bad attempt. — `auth-forms-sign-in`
  - Sign up: Name, email and password with a four-segment strength meter, requirement checks that tick in and a verify-your-email success state. — `auth-forms-sign-up`
  - Magic link: Passwordless email form that slides to a sent state with a dropping envelope and a resend countdown. — `auth-forms-magic-link`
  - One-time code: Six digit boxes with paste, auto-advance and arrow keys; a wrong code shakes and clears, a right one pops a check, with attempts and a resend timer. — `auth-forms-otp`
  - Forgot password: Email, code and new password steps with a progress track, direction-aware crossfades and a card that springs to each step's height. — `auth-forms-forgot-password`
- [Billing and usage](https://geturui.com/docs/billing-usage) (pro): Billing cards for SaaS settings — usage meters with thresholds and projections, seats and spend with a priced seat stepper, and a credits balance with top-up packs — that fill, count and spring. — registry name `billing-usage`
  - Usage meters: Plan meters that fill with a spring, mark the alert threshold and hatched end-of-cycle projection, and turn to near-limit or over-limit with an icon and a word. — `billing-usage-usage-meters`
  - Seats and spend: A seat grid with pending invites, month-to-date spend against a budget pace line, and a seat stepper that prices the monthly and prorated change before the upgrade. — `billing-usage-seats-spend`
  - Credits balance: Credits on a ring that springs to the new total after a purchase, runway in days from the burn rate, top-up packs as a radio group and an auto-recharge switch. — `billing-usage-credits-balance`
- [Blog cards](https://geturui.com/docs/blog-cards) (free): Four ways to present a post — editorial cover, compact list, featured series and author-led quote — each with its own motion moment, from layered parallax to a gliding row highlight. — registry name `blog-cards`
  - Editorial: Cover card with a drawn type specimen whose layers drift under the pointer, plus category, excerpt and byline. — `blog-cards-editorial`
  - Compact list: List of posts with reading-progress rings, a highlight that glides between rows and arrow-key navigation. — `blog-cards-compact-list`
  - Featured series: Split card for a multi-part series: step through parts while the art and copy crossfade in the direction of travel. — `blog-cards-featured-split`
  - Author-led: Byline-first card with a pull quote, a bookmark that pops and ticks its count, and a copy-link action. — `blog-cards-author`
- [Booking cards](https://geturui.com/docs/booking-cards) (pro): Stay, flight and restaurant booking cards — live price breakdowns with a counting total, a plane that flies a drawn route and time slots that update with party size. — registry name `booking-cards`
  - Stay: Drawn cover, check-in and checkout that follow a nights stepper, a breakdown that unlocks a weekly discount and a counting total. — `booking-cards-stay`
  - Flight: Flight option with an on-time status, a plane that flies the drawn route on mount and fare tabs that crossfade perks and count the price. — `booking-cards-flight`
  - Restaurant: Party stepper, day chips and a time-slot grid whose availability updates live, ending in a confirmation with a booking code. — `booking-cards-restaurant`
- [Chat bubbles](https://geturui.com/docs/chat-bubbles) (free): Four message threads — support with typing indicator, group chat with reactions, file and voice attachments, and delivery receipts — where every new message springs in. — registry name `chat-bubbles`
  - Support thread: Support conversation with grouped bubbles, quick-reply chips and a typing indicator before each answer. — `chat-bubbles-support-thread`
  - Group reactions: Group chat with grouped senders, toggleable reaction pills whose counts roll and an inline reaction picker. — `chat-bubbles-group-reactions`
  - Attachments: File message with a ring-progress download and a voice note with a seekable waveform and speed control. — `chat-bubbles-attachments`
  - Delivery states: Direct-message thread where sent messages animate through sending, sent, delivered and read, with retry on failure. — `chat-bubbles-delivery-states`
- [Comment threads](https://geturui.com/docs/comment-threads) (pro): Three comment patterns — threaded replies, inline document comment and @mention composer — with collapsing threads, resolving highlights and a keyboard-driven mention list. — registry name `comment-threads`
  - Threaded replies: Replies hang off a guide line, collapse with a spring, likes pop and new replies slide in. — `comment-threads-threaded`
  - Inline comment: Comment pinned to a highlight: click the quote to focus the thread, reply in place and resolve to fade it. — `comment-threads-inline`
  - Mention composer: Typing @ opens a filtered people list driven by the keyboard; posted comments highlight mentions. — `comment-threads-mentions`
- [Date pickers](https://geturui.com/docs/date-pickers) (pro): Four hand-built date pickers for real jobs — a stay range with nights and price, a deadline with quick picks, a recurring schedule and an appointment slot finder — with months that slide and selections that spring. — registry name `date-pickers`
  - Booking range: Check-in and check-out on one calendar with a hover preview, booked nights blocked, a minimum stay and a total that rolls as the range changes. — `date-pickers-booking-range`
  - Deadline: Quick picks such as tomorrow, end of week and next week beside a calendar, with a sliding preset pill and a relative due label. — `date-pickers-deadline`
  - Recurring schedule: Weekday toggles, an every-N-weeks stepper and time chips, previewed live as dots on a calendar with the next three dates spelled out. — `date-pickers-recurring`
  - Appointment slots: A seven-day strip with a sliding selection, a time grid that crossfades per day and a booking bar that springs up with a confirmed state. — `date-pickers-appointment`
- [Ecommerce charts](https://geturui.com/docs/ecommerce-charts) (pro): Store analytics drawn in plain SVG and HTML — revenue area, orders by channel, conversion funnel and top products — that draw in, spring between periods and explain every point on hover or arrow keys. — registry name `ecommerce-charts`
  - Revenue area: Net revenue as a volt area over the previous period, with 7D, 30D and 12M tabs that spring-morph the curve, counting totals and a crosshair tooltip. — `ecommerce-charts-revenue-area`
  - Orders by channel: Weekly orders stacked by channel on a neutral-to-volt ramp; bars grow in, flip between counts and share with a spring, and break down per week on hover or arrows. — `ecommerce-charts-channel-stacked`
  - Conversion funnel: Centred funnel bars joined by tapered connectors with drop-off between steps; device tabs spring every width and the selected step reads its step and overall rate. — `ecommerce-charts-conversion-funnel`
  - Top products: Best sellers as ranked bars that grow in with counting values; switching between revenue and units re-ranks the rows with a layout spring. — `ecommerce-charts-top-products`
- [Event cards](https://geturui.com/docs/event-cards) (pro): Event RSVP, day agenda and meeting countdown cards — a sliding RSVP control you join with a spring, a live now marker and a rolling countdown that goes live at zero. — registry name `event-cards`
  - Event RSVP: Date tile, time and place, an attendee stack you spring into when you answer Going and a sliding three-way RSVP. — `event-cards-rsvp`
  - Day agenda: Timeline of the day with a now marker, a progress fill on the event in progress and rows that expand in place to join or see who is coming. — `event-cards-agenda`
  - Meeting countdown: Upcoming call with a rolling countdown, pre-join mic and camera toggles, a copy-link button and a join button that lights up at zero. — `event-cards-meeting`
- [Feedback widgets](https://geturui.com/docs/feedback-widgets) (pro): NPS survey, drawn face rating and bug report widgets — a follow-up that adapts to the score, a face that morphs as you hover and a screenshot capture with a shutter flash. — registry name `feedback-widgets`
  - NPS survey: A 0–10 scale that fills up to your score, a follow-up question that changes for detractors, passives and promoters, and a thank-you crossfade. — `feedback-widgets-nps`
  - Face rating: Five drawn faces and a large face whose mouth and brows morph to the hovered rating, then topic chips, a comment and send. — `feedback-widgets-face-rating`
  - Bug report: Category segments, summary and details fields, a simulated page capture with shutter flash and thumbnail, and a send flow that returns a ticket id. — `feedback-widgets-bug-report`
- [Integration cards](https://geturui.com/docs/integration-cards) (free): App connect grid, single-integration consent and sync health cards — optimistic connect, spring permission switches and a failed sync that heals on retry. — registry name `integration-cards`
  - Connect grid: Grid of apps with All and Connected filters, a connect flow that spins then springs to Connected, and layout-animated filtering. — `integration-cards-connect-grid`
  - Integration consent: Two linked marks, a permissions list with spring switches and locked required scopes, and an authorize flow that ends in a drawn check. — `integration-cards-detail`
  - Sync status: Sync health with run-history bars, a failure notice that collapses on retry, a live record counter and an auto-sync switch. — `integration-cards-sync-status`
- [Invoice cards](https://geturui.com/docs/invoice-cards) (pro): Invoice summary, printed receipt and payout statement cards — each with a money moment: counting totals, a print-in receipt and an optimistic mark-as-paid stamp. — registry name `invoice-cards`
  - Invoice summary: Client, counting amount due, collapsible line items and totals, with an optimistic mark-as-paid that stamps the card. — `invoice-cards-summary`
  - Receipt: Paper receipt that prints in from the top, with dotted leaders, a drawn barcode and tear edge, and a download button that fills with progress. — `invoice-cards-receipt`
  - Payout statement: Monthly payout with period tabs, a counting net amount and a stacked breakdown bar that highlights from its legend. — `invoice-cards-payout`
- [Line charts](https://geturui.com/docs/line-charts) (free): Four hand-drawn SVG line charts — multi-series, single metric, period comparison and annotated steps — that reveal left to right, morph with springs and read out values on hover or arrow keys. — registry name `line-charts`
  - Multi-series: Up to four series, volt first and the rest neutral or dashed; legend toggles rescale the axis with a spring morph and the crosshair reads every visible line. — `line-charts-multi-series`
  - Gradient metric: One metric under a volt gradient with labelled peak and low markers, an average guide, a glowing latest point and a headline that follows the crosshair. — `line-charts-gradient-metric`
  - Period comparison: This period in solid volt against the last in dashed neutral, the gap shaded, with week, month and quarter tabs that morph both lines together. — `line-charts-period-comparison`
  - Step with annotations: A step line for values that change in jumps, a dashed plan limit and numbered notes that pop a callout on hover or focus and step with arrow keys. — `line-charts-step-annotations`
- [Media players](https://geturui.com/docs/media-players) (pro): Music, podcast and video player chrome with simulated playback — drawn cover art, chaptered progress, speed control and a scene that pans as the video plays. — registry name `media-players`
  - Music player: Drawn cover art that crossfades per track, a draggable keyboard scrubber, equaliser bars and a queue with shuffle and repeat. — `media-players-music`
  - Podcast episode: Episode card with a progress track split into chapters, 15/30 second skips, a rolling speed button and a chapter list that follows playback. — `media-players-podcast`
  - Video player: Player chrome over a drawn scene that pans with playback: buffered progress, volume slider, timed captions and controls that hide while you watch. — `media-players-video`
- [Notification cards](https://geturui.com/docs/notification-cards) (pro): Four notification patterns — inbox with tabs, actionable access request, stacked toasts and grouped digest — with sliding tabs, optimistic read states, fanning stacks and springy groups. — registry name `notification-cards`
  - Inbox: Sliding tabs with live counts, rows that mark read on open, archive with collapse and mark-all-read. — `notification-cards-inbox`
  - Access request: Pick a role, approve or decline with a pending spinner, then a resolved state with undo. — `notification-cards-actionable`
  - Toast stack: Collapsed deck that fans out on hover or focus; toasts swipe or close away and the rest re-stack. — `notification-cards-toasts`
  - Activity digest: Updates rolled up by day and kind; each group springs open to its events with a staggered reveal. — `notification-cards-digest`
- [Order tracking](https://geturui.com/docs/order-tracking) (pro): Post-purchase tracking — a shipment stepper with ETA, an SVG route map with a gliding van and a full event timeline with delays — that fill, glide and expand with springs. — registry name `order-tracking`
  - Shipment stepper: A large ETA, a track that springs to the live step, a pulsing current step, step details on click or arrows and a copyable tracking number. — `order-tracking-shipment-stepper`
  - Route map: A map drawn in SVG with streets, river and parks; the travelled leg draws in, a van glides to its live spot and stop pins open on hover or focus. — `order-tracking-route-map`
  - Order timeline: Tracking history newest first: events cascade in, the latest pulses, a delay shows its reason, and older updates expand in place with a layout spring. — `order-tracking-order-timeline`
- [Payment methods](https://geturui.com/docs/payment-methods) (pro): Three checkout pieces — saved-card picker, add-card form with a flipping live preview and a method selector with animated fees — built for the moment money moves. — registry name `payment-methods`
  - Saved cards: Card picker with a radio dot that springs between rows, a default-card switch, expiry warnings and a pay button that resolves to a check. — `payment-methods-saved-cards`
  - Add card: Card form with a live preview that types along, detects the brand and flips to its back while the security code is focused. — `payment-methods-add-card`
  - Method selector: Card, device wallet or bank transfer: the chosen row expands with details and the fee and total count to new values. — `payment-methods-wallet-selector`
- [Product cards](https://geturui.com/docs/product-cards) (pro): Five storefront pieces — swatch card, quick-add card, bag row, bundle deal and compact ranked list — with recolouring products, rolling quantities and rows that glide to a new sort. — registry name `product-cards`
  - Classic: Product card whose drawn item recolours as you pick a swatch, with a popping wishlist heart and Add to bag that confirms. — `product-cards-classic`
  - Quick add: Card whose size picker slides up over the image on hover, focus or tap, adds in one click and confirms in place. — `product-cards-quick-add`
  - Bag row: Bag row with a quantity stepper whose number rolls, a following line total, a low-stock warning and remove with undo. — `product-cards-list-row`
  - Bundle deal: Bundle card where toggling items recounts the price and savings under a live countdown with rolling digits. — `product-cards-bundle-deal`
  - Compact list: Ranked list of four products whose rows glide to their new order when the sort changes, each with an add toggle. — `product-cards-compact-list`
- [Project charts](https://geturui.com/docs/project-charts) (pro): Delivery charts for product teams — sprint burndown, velocity and a milestone timeline — with honest status, a today marker and per-point detail on hover, focus or arrow keys. — registry name `project-charts`
  - Burndown: Remaining points against the ideal line with a dotted forecast to the end date, a scope change marker, a today divider and a behind or on-track badge. — `project-charts-burndown`
  - Sprint velocity: Committed scope as dashed ghost bars, completed points filled in, the latest sprint in volt, a rolling average guide and a say/do ratio. — `project-charts-sprint-velocity`
  - Milestone timeline: A mini Gantt where bars fill to their progress, milestones sit on a top lane, a today line cuts through and each row opens its dates and risk below. — `project-charts-milestone-timeline`
- [Review cards](https://geturui.com/docs/review-cards) (free): Five review cards — rating summary, standout quote, review composer, compact list and photo review — with count-ups, star pops, rolling vote counts and a shared-element photo viewer. — registry name `review-cards`
  - Rating summary: Average that counts up over a star histogram whose bars grow in and filter the list. — `review-cards-summary`
  - Standout quote: Single verified review with popping stars, a body that springs open with Read more, and a helpful toggle. — `review-cards-quote`
  - Write a review: Star radio group with hover preview and spring pop, quick tags, counted text box and a thank-you crossfade. — `review-cards-write`
  - Compact list: Dense rows with star lines and optimistic helpful votes whose counts roll. — `review-cards-compact`
  - Photo review: Review with a drawn photo strip; a thumbnail grows into an in-card viewer with arrow keys and Escape. — `review-cards-photos`
- [Social posts](https://geturui.com/docs/social-posts) (free): Four feed posts — text, photo grid, poll and link preview — with optimistic toggles, rolling counts, a shared-layout photo viewer and results that count up. — registry name `social-posts`
  - Text post: Text post with optimistic like, repost and bookmark: icons pop, the like bursts and counts roll. — `social-posts-text-post`
  - Photo grid: Photo post whose drawn grid tiles expand into a viewer with a shared-layout morph, arrow paging and Escape to close. — `social-posts-image-grid`
  - Poll: Poll post where voting grows the result bars and counts percentages up, with your choice marked and undo. — `social-posts-poll`
  - Link preview: Post with an expandable body and a rich link preview whose drawn image drifts on hover, plus like and copy link. — `social-posts-link-preview`
- [Stat cards](https://geturui.com/docs/stat-cards) (free): Four metric cards — headline KPI, scrubbable sparkline, goal ring and two-period comparison — with count-ups, redrawn lines, springing arcs and bars. — registry name `stat-cards`
  - KPI: Headline figure that counts up with its delta, and a breakdown that springs open into a stacked bar. — `stat-cards-kpi`
  - Sparkline: Period tabs redraw the line; pointer or arrow keys scrub to any point and the figure crossfades. — `stat-cards-sparkline`
  - Goal ring: Progress ring and percentage spring to each logged step; milestones tick and the goal swaps to a done state. — `stat-cards-goal`
  - Comparison: Metric tabs swap two period bars that spring to new lengths while the delta crossfades. — `stat-cards-comparison`
- [Switch cards](https://geturui.com/docs/switch-cards) (free): Three settings cards built on a springy switch — notification preferences with a saved cue, plan features with dependent options and a save bar, and privacy toggles that ask before turning protection off. — registry name `switch-cards`
  - Notifications: Email and push preferences in labelled groups; the thumb stretches on press and a Saved chip blurs in after each change. — `switch-cards-notifications`
  - Plan features: Workspace feature toggles where child options unlock with their parent, a locked row names its plan, and a save bar springs in once anything changes. — `switch-cards-plan-features`
  - Privacy: Privacy and security switches with a Protected or At risk badge; turning off a sensitive one opens an inline confirmation first. — `switch-cards-privacy`
- [Task cards](https://geturui.com/docs/task-cards) (pro): Three task cards — subtask checklist, board card with status menu, and focus timer — with drawn ticks, lifting cards, fanning avatars and rolling digits. — registry name `task-cards`
  - Subtasks: Checklist with drawn ticks and strike-throughs, a springing progress bar and inline add. — `task-cards-subtasks`
  - Board card: Board card that lifts on hover, fans its assignees and moves between columns from a status menu. — `task-cards-kanban`
  - Focus timer: Pomodoro card for one task with a ticking ring, rolling digits, focus and break modes and session dots. — `task-cards-focus`
- [Team invites](https://geturui.com/docs/team-invites) (pro): Invite-by-email, share dialog and pending invites — address chips with validation and seat projection, link access that explains itself and revoke with a timed undo. — registry name `team-invites`
  - Invite by email: Typed or pasted addresses become chips, invalid ones are flagged, a seat bar projects usage and sending clears the chips with a stagger. — `team-invites-email-invite`
  - Share dialog: Share panel with an invite field, per-person access, general link access with an explainer that crossfades and a copy-link confirmation. — `team-invites-share-dialog`
  - Pending invites: Pending list with expired flags, resend that spins then confirms, and revoke that collapses the row and offers a timed undo. — `team-invites-pending-invites`
- [Theme switchers](https://geturui.com/docs/theme-switchers) (free): Three appearance controls — a light/dark/system segmented switch with a sliding thumb, an appearance card with live mini previews, and an accent and density picker — that report changes without touching your site. — registry name `theme-switchers`
  - Segmented: Light, dark and system options with a thumb that slides between them and an icon that turns as it lands; text or icon-only. — `theme-switchers-segmented`
  - Appearance card: Theme cards with tiny app windows drawn in each theme's real tokens, a check that pops onto the chosen one and a stepped text-size slider. — `theme-switchers-appearance-card`
  - Accent and density: Accent swatches and a density control beside a live preview whose rows re-space with a layout spring and repaint in the chosen accent. — `theme-switchers-accent-density`
- [User menus](https://geturui.com/docs/user-menus) (free): Three account menus — an avatar dropdown with workspace switcher and theme row, a sidebar footer menu that opens upward, and a searchable command-style profile menu — each springing from its trigger. — registry name `user-menus`
  - Avatar dropdown: Top-bar avatar menu with a workspace switcher whose check glides between rows, a light/dark/system row and shortcut hints. — `user-menus-avatar-dropdown`
  - Sidebar footer: User button for the bottom of a sidebar; the menu opens upward with a seat meter, and ArrowUp opens it on the last item. — `user-menus-sidebar-footer`
  - Command profile: Profile menu with a search field: type to filter grouped actions, a highlight slides between rows and every action shows its shortcut. — `user-menus-command-profile`
- [Welcome cards](https://geturui.com/docs/welcome-cards) (free): Three dashboard welcome cards — today at a glance, onboarding checklist and what’s new — with staggered count-ups, one-at-a-time steps and a swipeable release carousel. — registry name `welcome-cards`
  - Today: Time-aware greeting, today’s numbers counting up in a stagger and an up-next strip you can step through. — `welcome-cards-today`
  - Onboarding checklist: One step open at a time; completing a step ticks, fills its segment and advances, then the card celebrates. — `welcome-cards-onboarding`
  - What’s new: Swipeable release carousel with drawn art; a Pro feature turns the button into an ember upgrade. — `welcome-cards-whats-new`

## Pages
- [404 Pages](https://geturui.com/docs/not-found-pages) (pro): Five full-screen 404 pages, from digits that fall and stack on springs to a split-flap departure board, stretchy pointer-following type, a terminal route trace and a searchable signpost. — registry name `not-found-pages`
  - Falling blocks: The 404 digits and a few word blocks drop into a pile on bouncy springs; drag any block and it springs back, press it to bump it. — `not-found-pages-falling-blocks`
  - Flip panels: An airport split-flap board where every cell rattles through the alphabet to spell the cancelled route, with live departures to pick instead. — `not-found-pages-flip-panels`
  - Elastic type: Giant 404 glyphs stretch, skew and lean toward the pointer, then snap back on jelly springs; a wobble button pokes them from the keyboard. — `not-found-pages-elastic-type`
  - Terminal trace: A terminal types out a route trace that fails with HTTP 404, then lists ranked suggestions and accepts real `cd`, `ls` and `help` commands. — `not-found-pages-terminal-trace`
  - Wayfinder: A trail signpost whose arms swing in and sway on hover, beside a search combobox that filters pages with highlighted matches. — `not-found-pages-wayfinder`
- [About](https://geturui.com/docs/about-pages) (pro): Two about pages: a mission-led story with principles, rolling company numbers and a flip-card team grid, and a company timeline whose line fills and lights each milestone as you scroll. — registry name `about-pages`
  - Story: A word-by-word mission headline, the origin story, numbered principles, NumberTicker company stats, a team grid that flips to fun facts, and a hiring CTA. — `about-pages-story`
  - Journey timeline: A company history whose centre line fills with scroll, lighting each milestone as it's reached, with sticky year chips that jump to any moment. — `about-pages-journey-timeline`
- [Auth](https://geturui.com/docs/auth-pages) (pro): Five full sign-in and sign-up screens: a split page with an auto-playing product story, a centered card, a passwordless magic-code flow, a wide landscape card and a sign-up with SSO and a strength meter. Forms validate, swap states with blur crossfades and spring between steps. — registry name `auth-pages`
  - Split showcase: Sign-in form on the left; on wide containers an auto-playing product story with springing bars and progress dots on the right. — `auth-pages-split-showcase`
  - Centered card: One card on a masked grid with a breathing glow; a gliding sign-in / create-account switch springs the name field open and resizes the card. — `auth-pages-centered-card`
  - Magic code: Passwordless flow: email, then a six-digit OTP field with a resend countdown, then success, while a shape-built envelope opens and a letter rises. — `auth-pages-magic-code`
  - Landscape card: Wide card with a landscape drawn from circles and rounded shapes (sun, drifting clouds, swaying trees) beside a form with a passkey option and stay-signed-in switch. — `auth-pages-landscape-card`
  - Atlas split: Sign-up with a topographic map panel whose contour lines draw in, a row of SSO buttons and a password field with a four-segment strength meter and live rule checklist. — `auth-pages-atlas-split`
- [Blog Pages](https://geturui.com/docs/blog-pages) (pro): A blog home with a featured story, filterable recent grid and newsletter signup, plus a long-form article page with a reading progress bar, live table of contents, share actions and related posts. — registry name `blog-pages`
  - Blog index: A featured story card, category chips that re-flow a staggered post grid, “show more” paging and a validated newsletter signup. — `blog-pages-blog-index`
  - Article: A long-form post with a spring-smoothed reading bar, a sticky table of contents that follows the section in view, copy-link and native share, and related posts. — `blog-pages-article`
- [Careers](https://geturui.com/docs/careers-pages) (pro): Two careers pages: a filterable open-roles board with department and location chips and expandable role details, and a culture page with principles, benefits and an interactive hiring-process stepper. — registry name `careers-pages`
  - Roles board: Open roles grouped by team, narrowed by search, department and location chips with live counts; each row springs open into responsibilities, requirements, salary and Apply. — `careers-pages-roles-board`
  - Culture: A rotating “we hire people who…” headline, numbered working principles, a benefits grid, a keyboard-driven hiring-process stepper and quotes from the team. — `careers-pages-culture`
- [Changelog Pages](https://geturui.com/docs/changelog-pages) (pro): Two full changelog pages: a sticky month rail that tracks your scroll with kind filters and a subscribe box, and a magazine-style issue with big release cards and expandable notes. — registry name `changelog-pages`
  - Sidebar updates: Entries grouped by month with a sticky rail whose indicator glides to the month in view, New/Improved/Fixed filters and an email subscribe card. — `changelog-pages-sidebar-updates`
  - Editorial updates: Release notes set like a magazine issue: a masthead, a lead release with oversized cover art and drop cap, a card grid with expandable notes and a pull quote. — `changelog-pages-editorial-updates`
- [Contact Pages](https://geturui.com/docs/contact-pages) (pro): Two full contact pages: a sales page with steps, a logo-free proof row, a validated request form that turns into a call-booking step and an FAQ; and a help center with live article search, topic filters, channels and a call card. — registry name `contact-pages`
  - Sales: Pitch with next steps and a proof grid, a request form (work-email check, sliding team-size selector) that swaps to bookable call slots, then an FAQ. — `contact-pages-sales`
  - Help center: Hero search that filters articles live with highlighted matches, topic cards that filter the popular list, contact channels and a volt call card. — `contact-pages-help-center`
- [Legal Pages](https://geturui.com/docs/legal-pages) (pro): Two policy pages with clearly marked sample text: a long-form document whose sticky contents follow your reading position, and a summary-first page with plain-language cards that jump to and flash the full section. — registry name `legal-pages`
  - Document with contents: Long-form terms with a sticky table of contents and scrollspy (IntersectionObserver), reading progress, copyable section links and a mobile contents menu. — `legal-pages-document`
  - Summary first: Plain-language summary cards above the full text; each jumps to and flashes its section. Switch policies with a blurred crossfade and expand what changed. — `legal-pages-summary-first`
- [Onboarding](https://geturui.com/docs/onboarding-pages) (pro): Three first-run flows: stepped interest chips into workspace naming under a springing progress bar, a split screen whose live workspace preview updates as you type, and a checklist card that morphs as tasks complete. — registry name `onboarding-pages`
  - Stepped: Interest chips, then workspace name with a live URL and team size, then a done screen with a shape burst, all under a springing progress bar. — `onboarding-pages-stepped`
  - Split screen: Vertical stepper and form on the left; a live app-window preview on the right that picks up your name, workspace, accent colour and invites as you type. — `onboarding-pages-split-screen`
  - Morphing checklist: Getting-started card over a blurred app: finished tasks fly into a summary stack, the next task opens, a ring fills, and the card collapses into a celebration when everything is done. — `onboarding-pages-morphing-checklist`
- [Settings Pages](https://geturui.com/docs/settings-pages) (pro): Two complete settings screens: an organization console with a tabbed sidebar, members table, AI feature switches and a save bar that springs up when anything changes, and a personal workspace page with profile, billing and a notification matrix. — registry name `settings-pages`
  - Organization: Sidebar tabs for general, members (search, invite, role selects), AI features and publishing, with a save bar that slides up while there are unsaved changes. — `settings-pages-organization`
  - Workspace: Underline tabs for profile, billing (plan card with usage meters, drawn payment card, plan picker, invoices) and a notification channel matrix, each with its own save row. — `settings-pages-workspace`
- [Status Pages](https://geturui.com/docs/status-pages) (pro): Public status screens: an overview with a health banner, grouped components on 90-day uptime bars with day tooltips and an expandable incident history, and a live incident page with a stage stepper, streaming timeline and error-rate sparkline. — registry name `status-pages`
  - Overview: Health banner, collapsible component groups with 90 / 60 / 30-day uptime bars (by container width), expandable incident history and an email subscribe form. — `status-pages-overview`
  - Incident response: Live incident page: severity, a ticking duration, a four-stage stepper, a timeline where scripted and posted updates spring in, an impact panel and a live error-rate sparkline. — `status-pages-incident-response`
- [Waitlist Pages](https://geturui.com/docs/waitlist-pages) (pro): Pre-launch screens: an early-access waitlist that turns into a queue card whose position rolls down as referrals land, and a blueprint-grid launch page with an exploded drawing, rolling countdown and a reserve-a-seat ticket stamp. — registry name `waitlist-pages`
  - Early access: Email capture with a live join counter over breathing rings, then a queue card: rolling position, people-in-line strip, copyable invite link and progress toward skipping the line. — `waitlist-pages-early-access`
  - Blueprint launch: Launch page drawn on a blueprint grid: drawing-sheet frame with ruler and title block, exploded isometric plates that draw themselves, a rolling countdown and a seat ticket that gets an Approved stamp. — `waitlist-pages-blueprint-launch`

## Charts
- [Activity Heatmap](https://geturui.com/docs/heat-calendar) (pro): GitHub-style year heatmap on a volt intensity scale, with month labels, tooltips and arrow-key navigation across days; cells ripple in column by column. — registry name `heat-calendar`
- [Donut Chart](https://geturui.com/docs/donut-chart) (free): Donut whose arcs sweep in on springs; hovering a segment or legend row expands it and swaps the rolling centre total for that segment's share. — registry name `donut-chart`
- [Funnel Chart](https://geturui.com/docs/funnel-chart) (free): Horizontal funnel whose centred bars grow in stage by stage, with conversion from the top and drop-off labelled between stages. — registry name `funnel-chart`
- [Rank Flow Chart](https://geturui.com/docs/bump-chart) (pro): Ranking lines over time drawn as smooth S-curves; hovering or focusing a series highlights it, dims the rest and shows rank changes. — registry name `bump-chart`
- [Share of Total Chart](https://geturui.com/docs/composition-chart) (free): 100% stacked bars or areas showing each series' share per period; toggling between them re-stacks with springs, with a period tooltip and a legend that hides series. — registry name `composition-chart`
- [Sparkline Stats](https://geturui.com/docs/sparkline-stats) (free): KPI cards with rolling numbers, an up/down delta badge and a sparkline that draws in, with a crosshair on hover or arrow keys. — registry name `sparkline-stats`

## Illustrations
- [Assistant Loops](https://geturui.com/docs/assistant-loops) (pro): Close-up assistant moments: thinking, calling a tool and streaming a reply, each on a calm loop. — registry name `assistant-loops`
  - Thinking: A shimmering status pill and reasoning lines fold away into the final reply. — `assistant-loops-thinking`
  - Tool call: A tool call card spins, resolves with ranked results and the reply cites them. — `assistant-loops-tool-call`
  - Streaming: A reply streams in word by word behind a moving cursor, then actions and sources settle in. — `assistant-loops-streaming`
- [Bar Ripple](https://geturui.com/docs/bar-ripple) (pro): Bars ripple in a travelling wave under a headline figure, for revenue, usage and growth sections. — registry name `bar-ripple`
  - Revenue: Gradient revenue bars ripple under a headline figure with the latest bar lit up. — `bar-ripple-revenue`
  - Usage: Stacked usage bars roll beneath a plan limit while a meter tracks the share used. — `bar-ripple-usage`
- [Card Fan](https://geturui.com/docs/card-fan) (pro): Cards fan out on an arc and turn one step at a time, lifting the centre card into focus. — registry name `card-fan`
  - Payments: Gradient payment cards turn on an arc while the charge for the centre card pops in above it. — `card-fan-payments`
  - Documents: Documents turn on an arc; each centre page is signed and verified as it passes. — `card-fan-documents`
- [Card Shelf](https://geturui.com/docs/card-shelf) (pro): Cards slide in from the right and settle onto a receding shelf, the front card playing its own content as it lands. — registry name `card-shelf`
  - Data sources: Database, sheet, API, storage and webhook cards stack up while the front one syncs. — `card-shelf-data-sources`
  - Prompt design: System, context, examples, rules and output blocks stack up with glowing template variables. — `card-shelf-prompt-design`
  - Quality evals: Eval run cards stack up while the front card fills its score ring and ticks through checks. — `card-shelf-quality-evals`
- [Code to UI](https://geturui.com/docs/code-to-ui) (pro): A code editor types out a component token by token, then every token flies into place as the rendered profile card before looping back to code. — registry name `code-to-ui`
- [Feed Pile](https://geturui.com/docs/feed-pile) (pro): New cards arrive at the bottom of a feed and roll upwards, compressing into a soft pile at the top. — registry name `feed-pile`
  - Notifications: Deploy, comment, payment and usage alerts roll up the stack with an unread dot on the newest. — `feed-pile-notifications`
  - Tasks: Tasks arrive, check themselves off with a strike-through and roll up into finished work. — `feed-pile-tasks`
- [Find and Run](https://geturui.com/docs/find-and-run) (pro): Search and command moments: a palette that runs a command, results that land with highlights and filters that reflow a list. — registry name `find-and-run`
  - Command: A query types itself, matching commands appear and the selection steps down and runs. — `find-and-run-command`
  - Results: The field pulses while searching, ranked results slide in and matches light up. — `find-and-run-results`
  - Filters: Filter chips switch on their own while the result list reflows with springs. — `find-and-run-filters`
- [Hub and Spoke](https://geturui.com/docs/hub-and-spoke) (pro): A central hub wired to surrounding nodes with curved links; pulses travel along the links on a staggered loop. — registry name `hub-and-spoke`
  - Payments: Cards, banks and wallets send payments into a pulsing hub with a running total. — `hub-and-spoke-payments`
  - Data: Sources stream into a database hub with spinning sync arcs that fans data out to destinations. — `hub-and-spoke-data`
  - Team: Teammates exchange messages with a shared workspace; chat bubbles pop as messages land. — `hub-and-spoke-team`
  - Agents: An orchestrator dispatches work to blinking agents and collects results as status rings spin. — `hub-and-spoke-agents`
- [Iso Dioramas](https://geturui.com/docs/iso-dioramas) (pro): Small isometric dioramas on a gridded slab with quiet looping motion: floating, blinking, dropping and lifting. — registry name `iso-dioramas`
  - Wallet: A wallet with two floating cards and coins dropping onto a stack beside it. — `iso-dioramas-wallet`
  - Dashboard: A wall chart draws itself, floor bars breathe and a donut floats overhead. — `iso-dioramas-dashboard`
  - Server rack: Racks blink in sequence, packets run along a floor cable and data cubes float up. — `iso-dioramas-server-rack`
  - Inbox: Envelopes drop into an open tray and the unread badge bounces as each one lands. — `iso-dioramas-inbox`
  - Calendar: Event tiles lift one after another on a calendar block next to a floating clock. — `iso-dioramas-calendar`
- [Living Documents](https://geturui.com/docs/living-documents) (pro): A single document page that builds, annotates and finalises itself on a loop. — registry name `living-documents`
  - Contract: A clause is highlighted and annotated, the signature writes itself and a stamp lands. — `living-documents-contract`
  - Report: KPI tiles, growing bars and a trend line build the page while the next page slides out. — `living-documents-report`
- [Multiplayer](https://geturui.com/docs/multiplayer) (pro): Multiplayer moments: live cursors, avatar stacks, comment pins and simultaneous typing. — registry name `multiplayer`
  - Cursors: Three named cursors share a canvas: one drags a sticky note, one draws a selection. — `multiplayer-cursors`
  - Avatars (monogram): Monogram avatars join with a presence ring, the oldest slides out and the overflow count ticks. — `multiplayer-avatars-monogram`
  - Comments: Comment pins drop in, one opens into a thread, a reply is typed and the thread resolves. — `multiplayer-comments`
  - Typing: Two collaborators type at once behind name-flagged carets while a typing indicator bubbles. — `multiplayer-typing`
- [Orbit Network](https://geturui.com/docs/orbit-network) (pro): Service nodes circle a glowing core on three counter-rotating rings; pulses travel out along the links and the core breathes on a slow loop. — registry name `orbit-network`
- [Payment Flow](https://geturui.com/docs/payment-flow) (pro): A card slides into checkout, a spinner processes the charge and a check draws itself in with a burst, stepping through a three-stage tracker on a gentle loop. — registry name `payment-flow`
- [Sound Bites](https://geturui.com/docs/sound-bites) (pro): Voice moments drawn as waveforms: a note playing back, or a live recording turning into a transcript. — registry name `sound-bites`
  - Waveform: A voice note plays back: the waveform fills behind a moving playhead while the bars breathe. — `sound-bites-waveform`
  - Transcript: Live bars dance while words land one by one and a highlight follows the spoken word. — `sound-bites-transcript`
- [Tile Drift](https://geturui.com/docs/tile-drift) (pro): Rows of tiles drift past in opposite directions behind a focal tile, fading out at both edges. — registry name `tile-drift`
  - Integrations: Three rows of integration glyphs scroll behind a glowing plug hub. — `tile-drift-integrations`
  - File types: File-type tiles stream past a dashed drop zone with a nudging upload arrow. — `tile-drift-file-types`
- [Window Stories](https://geturui.com/docs/window-stories) (pro): A compact app window plays a short product story on a loop: content arrives, transforms and settles before it resets. — registry name `window-stories`
  - Brief to plan: Brief lines get highlighted, then plan tasks and timeline bars stack in on the right. — `window-stories-brief-to-plan`
  - Chat assistant: A question is typed and sent, the assistant types, streams a reply and attaches a card. — `window-stories-chat-assistant`
  - Analytics: KPI tiles settle in, a trend line draws itself and a crosshair scrubs along it. — `window-stories-analytics`

## Templates
- [Maison Coupe](https://geturui.com/templates/maison-coupe) (Product site, $39): A six-screen site for Maison Coupe, a fictional Marylebone hair salon: an editorial serif hero, a service menu with Junior / Senior / Creative Director pricing, a filterable team with profile drawers, a masonry lookbook with lightbox, a five-step booking flow and a visit page with live opening hours.
- [Lacquer Bar](https://geturui.com/templates/lacquer-bar) (Product site, $35): A six-screen site for Lacquer Bar, a fictional London nail & beauty bar: a loud type-led hero with a cherry-red manicure close-up, a build-your-set menu with add-ons and a running total, a live shade lab, a booking flow with bars, artists and slots, gift cards with a live preview, and tabbed locations.
- [Stillwater](https://geturui.com/templates/stillwater-spa) (Product site, $39): A six-screen site for Stillwater, a fictional luxury day spa: a serene serif hero over real spa photography, a treatment menu priced by 60/90/120 minutes, comparable rituals with an hour-by-hour timeline, a five-step booking flow with a hand-built calendar, gift vouchers with a live card preview and an about page with therapists, etiquette and hours.
- [Thermae](https://geturui.com/templates/thermae-bathhouse) (Product site, $35): A six-screen site for Thermae, a fictional modern thermal bathhouse: kinetic architectural type over real bathhouse photography, an interactive hot-cold-rest circuit drawn as a route with a step-by-step timer, three-hour sessions with live capacity bars, memberships with a monthly/annual toggle and comparison table, a ticket-style booking flow and a visit guide.
- [Ironworks](https://geturui.com/templates/ironworks-gym) (Product site, $39): A six-screen site for Ironworks, a fictional strength and performance gym: a heavy uppercase hero, a filterable weekly timetable with a booking drawer, memberships with add-ons and a live total, coach profiles, a program planner and a five-step join flow that ends with a membership card.
- [Rally](https://geturui.com/templates/rally-studio) (Product site, $35): A six-screen site for Rally, a fictional boutique indoor cycling and HIIT studio: a kinetic photo hero with a now-playing chip, a day-strip schedule with book and waitlist states, class packs with live per-class pricing, instructor playlists, a book flow with an interactive bike map, and a first-visit guide.
- [Sattva](https://geturui.com/templates/sattva-yoga) (Product site, $39): A calm, six-screen site for Sattva Yoga House, a fictional in-person studio: a guided breathing widget, a filterable weekly timetable with class drawers, teacher profiles, a pricing calculator, workshops with a retreat countdown, and a four-step booking flow.
- [Flowstate](https://geturui.com/templates/flowstate-online) (App UI, $29): An app-like site for Flowstate, a fictional online yoga and pilates membership: a filterable on-demand library with photo thumbnails and favourites, multi-week programs you tick off day by day, a live calendar with ticking countdowns and reminders, pricing with a monthly / annual toggle, and a class player with pose chapters.
- [CRM Dashboard](https://geturui.com/templates/crm-dashboard) (Dashboard, $89): A complete sales CRM for Pipewell, a fictional company: a collapsible app shell, an overview whose KPIs and revenue chart re-roll for 7d to 12m, a drag-and-drop pipeline board, a contacts table with bulk actions and a detail drawer, a team activity feed with tasks, and a ⌘K command palette.
- [Storefront](https://geturui.com/templates/storefront) (Commerce, $79): A complete one-page shop for Oriel, a fictional ceramics and home-goods studio: every product drawn in SVG and repainted live by colourway, a category mega-menu and instant search, a filterable grid that re-flows, quick view with size and quantity, a cart drawer with free-shipping progress and promo codes, and a three-step demo checkout ending in an order confirmation.
- [Startup Landing](https://geturui.com/templates/startup-landing) (Landing, $59): An editorial B2B marketing site for Chorus, a fictional customer-feedback platform: a hero with a live inbox where feedback streams in and auto-clusters into themes, a scroll-driven story whose sticky card morphs from scattered to prioritised, feature tabs with a draggable impact × effort matrix, an integrations orbit, an ROI calculator and pricing with an annual toggle and seats slider.
- [Foundry SaaS Kit](https://geturui.com/templates/foundry) (App UI, $149): A complete twelve-screen SaaS frontend for Foundry, a fictional B2B invoicing product: marketing site, auth with two-factor, onboarding, and an app shell with dashboard, customers, invoices, billing with a Dodo Payments checkout mock, team and settings.
- [Orbit Markets](https://geturui.com/templates/orbit-markets) (App UI, $99): A compact prediction-market app for Orbit, a fictional product: category filters and a featured slider, market cards with chance gauges and Yes/No odds bars, a market page with an outcome-history chart and a trading ticket with simulated fills, plus portfolio P/L, a bump-chart leaderboard, liquidity rewards and a wallet profile. Clearly labelled as a demo with no real money.
- [Launchpad Waitlist](https://geturui.com/templates/launchpad) (Landing, $29): A single-page waitlist for Launchpad, a fictional launch-planning app: an orbiting hero with validated email capture that becomes a boarding-pass referral card, a live people-ahead counter, reward tiers, a rolling countdown, feature teasers and FAQ.
- [Cartwheel Store](https://geturui.com/templates/cartwheel) (Commerce, $89): A five-screen storefront for Cartwheel, a fictional homeware shop: editorial home page, filterable collection, product pages with colour and size pickers, a cart with a free-shipping meter and promo codes, and a three-step checkout.
- [Fieldnote Courses](https://geturui.com/templates/fieldnote) (Product site, $79): A five-screen online course platform in a field-journal style: a marketing home, a filterable catalogue, course detail with enrolment, a lesson player with timestamped notes, and a learner dashboard with streaks and certificates.
- [SaaS Launch](https://geturui.com/templates/saas-launch) (Landing, $79): A twelve-section landing page for Relay, a fictional API monitoring tool: a hero with a live-updating latency chart, animated feature bento, scroll-linked how-it-works rail, filterable integrations, rolling metrics and pricing with a billing toggle.
- [Keystone Real Estate](https://geturui.com/templates/keystone) (Commerce, $59): A four-screen estate agency site for Keystone in the fictional coastal city of Harbour Vale: a search hero, filterable results with a stylised map and price-chip pins, rich listing pages with a floorplan and mortgage calculator, and an agent directory.
- [Ledgerline Finance](https://geturui.com/templates/ledgerline) (Dashboard, $99): A soft-rounded crypto portfolio app for Ledgerline, a fictional finance product: demo sign-in, a rolling total balance with range-tab charts and an allocation donut, asset pages with buy/sell, swap with a flip animation and live quote, staking with rewards that accrue every second, wallets, activity export and a streaming portfolio assistant.
- [Studio Nine Agency](https://geturui.com/templates/studio-nine) (Product site, $69): A five-page site for Studio Nine, a fictional design & engineering studio: a kinetic oversized-type hero, case studies with hover reveals and a filterable index, long-form case pages with a before/after slider, fixed-price packages and a project brief form.
- [Northwind Analytics](https://geturui.com/templates/northwind) (Landing, $59): A product site for Northwind, a fictional analytics platform: a hero with a cycling funnel dashboard, a natural-language query demo that types questions and answers with charts, integrations hub, row-level security demo and usage-based pricing with a volume slider.
- [Harbor Help Center](https://geturui.com/templates/harbor) (Docs & content, $59): A help center for Harbor, a fictional booking & payments app: a search hero with instant, highlighted results, category pages with filter and sort, readable articles with scroll-spy contents and helpful-feedback, and a contact desk that suggests answers before it opens a ticket.
- [Patchwork Devtool](https://geturui.com/templates/patchwork) (Landing, $49): A landing page for Patchwork, a fictional durable agent-orchestration platform: an interactive flow-field hero, a filterable agent directory, a durable run trace with retries and crash recovery, TypeScript / Python code tabs, usage pricing and a docs CTA.
- [Vela Wallet](https://geturui.com/templates/vela) (Landing, $49): A launch site for Vela, a fictional passkey-secured, cross-chain mobile wallet: a phone hero with an animated live balance, sticky-phone scrollytelling, a cross-chain grid with a route finder, an interactive security model and an app-store CTA, with a scroll-spy anchor nav.
- [Agentic](https://geturui.com/templates/agentic) (Landing, $49): An editorial launch page for Agentic, a fictional AI agent: a hero console that runs a task live with a step trace and streamed result, auto-advancing capability chapters, orbiting tool integrations, interactive guardrails, pricing, FAQ and a conversion CTA.
- [Lumen Mobile App](https://geturui.com/templates/lumen) (Landing, $49): A launch page for Lumen, a fictional habit and focus app: an app-store hero with three fanned, tilting phones, a draggable feature carousel, a try-it focus session in a Dynamic Island, a scroll-linked day arc, a screenshots rail, a ratings summary and a download CTA.
- [Overture Events](https://geturui.com/templates/overture) (Product site, $49): A conference site for Overture 2027, a fictional design-engineering conference in Lisbon: a poster hero with a live countdown, a filterable three-day schedule with a saved agenda, speaker drawers, ticket tiers with steppers and a mock checkout, a drawn venue map, sponsors and FAQ.
- [Quill Creator](https://geturui.com/templates/quill) (Personal, $39): A newsletter site for Mara Quill, a fictional essayist: a literary home page with subscribe, a long-form reader with reading progress, text-size and typeface controls and footnotes, a searchable archive grouped by year, and an about page with reader letters.
- [Tempo Changelog](https://geturui.com/templates/tempo) (Docs & content, $39): A changelog and blog for Tempo, a fictional planning calendar: a timeline of releases with category filters, version tags, animated shape-drawn media and show-older pagination, single release pages, post cards with generative covers and an article view with a scroll-spy contents rail.
- [AI Workspace](https://geturui.com/templates/ai-workspace) (App UI, $69): An app-like page for Muse, a fictional AI writing workspace: a marketing header above a live preview with a document sidebar, an editor where the assistant streams suggestions you can accept, and a ⌘K command bar.
- [Portfolio](https://geturui.com/templates/portfolio) (Personal, $39): A designer-engineer's personal site for the fictional Ana Sorel: oversized display type that rises letter by letter, project cards that tilt toward the pointer, a scroll-drawn experience timeline, a writing list and a contact section with copy-email.
- [Docs Starter](https://geturui.com/templates/docs-starter) (Docs & content, free): A documentation shell for the fictional Kestrel SDK: top nav with ⌘K search, collapsible sidebar, an article with code blocks, tabs and callouts, an "On this page" rail with scroll-spy, and previous/next links.

## Tools
- [Background Studio](https://geturui.com/studio): animated WebGL backgrounds exported as React components
- [Playground](https://geturui.com/playground): live prop controls