What's new

Phase 1: form controls, overlays, data table and page sections

31 new catalog items in one release: the building blocks most apps need before anything animated.

Form controls: field, checkbox, radio group, textarea, number, password and card inputs, tag input and tag group.

Select family: select, combobox and tag select, sharing one accessible listbox with typeahead and keyboard navigation.

Overlays: dialog, dropdown menu and Pro modal recipes, with focus handling and Escape to close.

Pro data table with sorting, selection and a filter bar, plus a calendar and date picker.

Navigation and feedback: breadcrumbs, pagination, stepper, alert, avatar and spinner.

Pro page sections: announcement bars, app sidebars, page headers and contact sections, plus contact and legal page kits.

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.

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.

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.

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.

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.

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.

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.

Native checkbox whose tick draws itself with a spring, morphs to a dash when indeterminate, and groups under a select-all parent.

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.

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.

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.

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.

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.

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.

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.

Label, control and hint line with ids wired for screen readers; errors shake the control once and blur in under it.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Wellness template collection

Eight multi-page templates for salons, spas, gyms and yoga studios: Maison Coupe, Lacquer Bar, Stillwater, Thermae, Ironworks, Rally, Sattva and Flowstate.

Every template ships real, credited photography in the download, with booking flows, class schedules and pricing built in.

Each one is a design kit: a theme file with colour and type roles for light and dark, typed components and a README that documents the system.

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.

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.

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.

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.

Four message threads — support with typing indicator, group chat with reactions, file and voice attachments, and delivery receipts — where every new message springs in.

Three comment patterns — threaded replies, inline document comment and @mention composer — with collapsing threads, resolving highlights and a keyboard-driven mention list.

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.

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.

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.

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.

App connect grid, single-integration consent and sync health cards — optimistic connect, spring permission switches and a failed sync that heals on retry.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Four metric cards — headline KPI, scrubbable sparkline, goal ring and two-period comparison — with count-ups, redrawn lines, springing arcs and bars.

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.

Three task cards — subtask checklist, board card with status menu, and focus timer — with drawn ticks, lifting cards, fanning avatars and rolling digits.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Variants, page kits, 20 new templates, Studio and the member dashboard

Catalog items now hold several variants — each with its own preview, install command and download.

New page kits collection: auth, onboarding, settings, status, waitlist, 404, changelog, blog, about and careers pages.

Twenty new templates across landing, product site, app UI, dashboard, commerce, personal and docs categories, from $29.

Background Studio: design animated WebGL backgrounds and export a React component, PNG or video.

Illustrations gallery with families and a prompt you can hand to your coding agent.

Regional pricing for 16 countries, applied automatically at checkout.

A new member area: overview with your member card, license and tokens, downloads library, team, invoices and settings.

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.

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.

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.

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.

MCP server and Pro registry

Coding agents can search, read and install GetUrUI items through the MCP endpoint at /api/mcp.

Pro items install from the private @geturui-pro registry with a personal token.

Team seats: buy several, invite teammates by email from the dashboard.

A central hub wired to surrounding nodes with curved links; pulses travel along the links on a staggered loop.

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.

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.

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.

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.

Complete chat block — conversation sidebar, grouped messages, streaming markdown replies and a composer — driven by a local mock assistant.

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.

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.

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.

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.

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.

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.

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.

Close-up assistant moments: thinking, calling a tool and streaming a reply, each on a calm loop.

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.

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.

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.

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.

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.

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.

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.

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.

Multiplayer moments: live cursors, avatar stacks, comment pins and simultaneous typing.

Slider with a volt fill, step ticks and a bar-shaped thumb that springs to each step and stretches while you drag.

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.

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.

Renders an AI reply token by token from a string or async stream, fading each chunk in behind a blinking caret, with safe markdown.

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.

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.

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.

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.

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.

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.

Usage card with a segmented meter coloured by resource, a hatched projection and animated totals; the monthly budget slider rescales every segment live.

A one-time-code field where a focus ring glides between slots and digits roll in; wrong codes shake, right ones draw a check.

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.

Checkout with Dodo Payments

Yearly and Lifetime plans and single templates now check out through Dodo Payments' overlay, with local taxes and invoices handled as merchant of record.

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.

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.

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.

Six interactive cards — account balance, expandable status row, referral, memo folder, story reel and creator profile — each with its own spring moment.

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.

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.

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.

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.

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.

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.

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.

A compact app window plays a short product story on a loop: content arrives, transforms and settles before it resets.

Search and command moments: a palette that runs a command, results that land with highlights and filters that reflow a list.

Small isometric dioramas on a gridded slab with quiet looping motion: floating, blinking, dropping and lifting.

Bars ripple in a travelling wave under a headline figure, for revenue, usage and growth sections.

Cards fan out on an arc and turn one step at a time, lifting the centre card into focus.

Voice moments drawn as waveforms: a note playing back, or a live recording turning into a transcript.

Rows of tiles drift past in opposite directions behind a focal tile, fading out at both edges.

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.

New cards arrive at the bottom of a feed and roll upwards, compressing into a soft pile at the top.

A single document page that builds, annotates and finalises itself on a loop.

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.

Cards slide in from the right and settle onto a receding shelf, the front card playing its own content as it lands.

A ⌘K palette on frosted glass with fuzzy search and grouped results; a spring highlight glides to the active row as you arrow through.

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.

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.

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.

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.

Ranking lines over time drawn as smooth S-curves; hovering or focusing a series highlights it, dims the rest and shows rank changes.

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.

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.

Light theme

Every item now ships a light theme from the same tokens. Switch with data-theme on any element, with a View Transition reveal on the site.

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.

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.

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.

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.

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.

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.

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.

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.

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.

A macOS-style dock whose icons swell on springs as the cursor nears; labels rise above and the active dot glides between apps.

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.

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.

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.

Small uppercase status label in nine tones, with an optional pulsing dot for live states and a lock glyph on 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.

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.

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.

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.

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.

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.

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.

Horizontal funnel whose centred bars grow in stage by stage, with conversion from the top and drop-off labelled between stages.

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.

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.

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.

Icon button that copies a value to the clipboard and morphs its glyph into a check with a scale-and-blur swap.

FAQ section with a heading, a spring accordion of questions and a "still have questions" contact card whose avatar stack pops in.

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.

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.

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.

Draggable glass sheet with snap points; release velocity is projected forward to pick the detent and the scrim fades with the sheet's height.

Infinite horizontal scroller with faded edges that loops any content, runs in either direction and pauses on hover.

AI-style code block with filename header, copy button, line numbers, line highlights and a tiny highlighter; long code collapses behind a height spring.

Wall of quote cards with initials avatars: two marquee rows drifting in opposite directions, or a masonry layout whose cards blur up into view.

KPI cards with rolling numbers, an up/down delta badge and a sparkline that draws in, with a crosshair on hover or arrow keys.

Four text effects: a word-by-word blur reveal with a volt underline, a shimmer sweep, a glyph scramble and a rotating word swap.

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.

Number that rolls each digit on its own spring reel, staggered left to right, when it scrolls into view or the value changes.

User and assistant chat bubbles that spring in, group consecutive messages and reveal copy, retry and feedback actions on hover or focus.

Chat composer with an auto-growing textarea, model picker and attachment chips; the send button morphs into a stop button while a reply streams.

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.

Collapsible file tree where folders spring open, chevrons rotate, indent guides light up for the active folder and a selection pill glides between rows.

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.

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.

Imperative toasts that stack in the corner, fan out on hover, update in place from loading to done, and blur away on dismiss.

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.

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.

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.

Toggle switch whose thumb slides on a stiff spring and stretches while pressed.

Segmented tabs in pill, volt and underline styles; a shared spring indicator glides to the active tab and resizes to fit it.

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.