What's new

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.

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 central hub wired to surrounding nodes with curved links; pulses travel along the links on a staggered loop.

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.

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.

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 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.

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.

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.

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.

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.

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.

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.

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 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.

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.

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.

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.

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.

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.

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.