Skip to content

StealthUI is a micro-interaction-rich component library: rich motion on every interaction, built production-ready with full keyboard, screen reader, and reduced-motion support. Copy a file into your project and it's yours.

321
components
33
categories
01

Actions

12
  • Async Button

    Tracks the promise it starts: busy, tick or retry, without ever changing width

  • Button

    Four variants, three sizes, and a loading state that never changes width

  • Button Group

    Attached buttons with hairlines between and one hover wash that glides

  • Copy Button

    Copies on press, draws a tick, holds its width and reverts on its own

  • Hold to Confirm

    Press and hold to commit; the label flips color under the filling edge

  • Icon Button

    Square button with a required label, warm tooltips and a sprung squash

  • Like Button

    Optimistic like with a squash-and-stretch heart, rolling count and honest rollback

  • Speed Dial

    A floating button that fans out labeled actions, nearest first, on a spring

  • Split Button

    Main action plus a chevron menu; the choice can become the main action

  • Toggle Button

    Stays on with aria-pressed, and its icon morphs: fills, pins, mutes

  • Toggle Group

    Single or multiple toggles; one wash slides, neighboring washes join

  • Two-step Confirm

    Asks once in place, springs to fit the question, then quietly takes it back

02

Text inputs

12
  • Floating Label Field

    Label rests inside as the placeholder and floats up on focus, value or autofill

  • Inline Edit

    Text that becomes an input in place, saves optimistically, then draws a tick

  • Input

    Text field with prefix and suffix slots, a clear that fades in, and Field-aware invalid state

  • Masked Input

    Formats cards, phones, dates and money as you type, caret held in place

  • Mention Input

    A textarea where @ suggests people at the caret and names become tokens

  • Number Field

    Steppers you can hold, a label you can drag, digits that roll into place

  • OTP Field

    Six cells that take paste and autofill, ripple while checking, clear on failure

  • Password Field

    Reveals with an eye that slashes itself, keeps the caret, warns on Caps Lock

  • Password Strength

    Four bars that fill in order, a checklist that ticks, a settled announcement

  • Search Field

    Search box whose shortcut hint turns into a clear, with a patient spinner

  • Tag Input

    Chips from Enter, comma or paste; duplicates flash the one already there

  • Textarea

    Grows with its text between row limits, counts near the limit, sends on ⌘↵

03

Selection

11
  • Checkbox

    Draws its tick, bends it into a dash when mixed, squashes on press

  • Checkbox Card

    Selectable cards whose corner check pops in, with a select-all that counts

  • Checklist

    Tasks that strike through, then glide into Completed, with a rolling count

  • Choice Chips

    Filter chips whose check grows the chip open, with rolling counts and clear

  • Color Swatches

    Swatch radio group with a ring that grows out and a contrast-aware check

  • Radio Cards

    Plan-style cards where one selection ring slides to whichever you choose

  • Radio Group

    One choice from a few, with a dot that springs in and arrow-key roving

  • Rating

    Star rating with hover preview, half steps, scrubbing and a pop on commit

  • Segmented Control

    One pill that springs between segments, with radio semantics and arrow keys

  • Switch

    Sprung thumb that stretches while held, and waits on async saves in place

  • Thumbs Feedback

    Helpful or not, with reasons on a thumbs down and a drawn thanks

04

Sliders & dials

8
  • Detent Slider

    Named stops you can feel: resists near each one, springs into place

  • Dial

    Rotary knob with drag, wheel and keys, a bipolar arc and rolling readout

  • Histogram Range

    Price filter whose bars light up exactly between the thumbs as they move

  • Media Scrubber

    Seek bar with chapters, buffered ranges and a time tip that tracks the pointer

  • Range Slider

    Two thumbs whose labels merge when close, synced with typed min and max

  • Slider

    Thumb swells on grab, value rides above it, pressed track glides

  • Volume Control

    Speaker waves follow the level; mute remembers, wheel nudges, popover tucks away

  • Zoom Control

    Minus, rolling percentage and plus, with a type-or-pick menu and pinch zoom

05

Pickers

10
  • Async Combobox

    Remote search that debounces, aborts stale requests and never jolts the list

  • Cascader

    Nested columns that grow in beside each other, with search across every path

  • Color Picker

    Drag, type or sample a color; hue survives grays and recents remember

  • Combobox

    Filters as you type, sets the matched run in bold and creates what’s missing

  • Emoji Picker

    Search-first emoji grid with arrow keys, skin tones and categories that follow the scroll

  • Listbox

    An inline list where the choice slides between rows and picks merge into blocks

  • Multi Select

    Chips that fit the field with a rolling +N, search, select all and clear

  • Phone Field

    Formats as you type for the chosen country, and reads it from pasted numbers

  • Select

    Opens over its trigger with the choice aligned, and the new value slides in from where it was picked

  • Transfer List

    Two filterable lists where checked rows fly across and land highlighted

06

Dates & time

8
  • Calendar

    Locale-true month grid that slides the way you travel and sweeps ranges in

  • Countdown

    Rolling-digit countdown that sleeps off screen and lands in an ended state

  • Date Field

    Typed date in the locale's order, with stepping digits and plain-word errors

  • Date Picker

    Type “next fri” or pick from the calendar; it reads back before committing

  • Date Range Picker

    Two months, presets that sweep the range in, and a draft until Apply

  • Relative Time

    “3 minutes ago” that wakes only when its words change, digits rolling

  • Time Picker

    Segmented time field in the locale's order, with rolling digits and a slot list

  • Week Strip

    Phone-style day selector with a sprung pill, swipeable weeks and event dots

07

Scheduling

6
  • Agenda

    Upcoming events by day with a Now line and a Join that counts down

  • Availability Editor

    Weekly hours with split shifts, copy to other days and overlap checks

  • Booking Slots

    Pick a day, then a time that splits in place to reveal Confirm

  • Event Calendar

    Month view that packs multi-day bars and chips into lanes, overflowing into a day list

  • Timezone Select

    Every IANA zone with live local time, searchable by city, name or offset

  • Week Grid

    Time grid where overlaps sit side by side and you drag to create, move or resize

08

Forms

11
  • Autosave Status

    Saving, saved, offline and failed states in one pill that springs to fit

  • Avatar Upload

    Pick, crop and zoom a photo, then watch a ring close around it

  • Character Limit Ring

    A tiny ring that fills as you type, then counts down and over

  • Dropzone

    Lights up when files cross the window, seals its dashes, names every rejection

  • Error Summary

    Lists every problem on submit, links to each field, and thins out as you fix

  • Field

    Label, control, hint and error that speak up on blur, not on every keystroke

  • Inline Validation

    Async checks that spin, then draw a tick or strike a cross, without flicker

  • Multi-step Form

    Steps slide the way you travel, validate one at a time, and keep every answer

  • Save Bar

    Rises when a form is dirty, nudges before you leave, ticks once saved

  • Signature Pad

    Smooth, speed-weighted ink with undo, a typed alternative and trimmed PNG/SVG export

  • Upload List

    Per-file progress with smoothed speed and time left, retry, and a tick on finish

09

Loading & progress

12
  • Empty State

    One line, one reason, one action, with an icon that draws itself in

  • Error State

    Says what failed and what to do, retries in place, counts every attempt

  • Infinite List

    A scrolling feed that prefetches pages under skeletons and recovers from failures

  • Load More

    Appends the next page with a stagger, moves focus and never jumps

  • Progress Bar

    Rolling percentage, buffer, stepped segments and a tick that draws on completion

  • Progress Ring

    Circular progress with a rolling percentage that closes into a drawn tick

  • Pull to Refresh

    Rubber-band pull with a filling ring, a flipping arrow and a sprung return

  • Skeleton

    Bones sized to your text’s line box, lit by one shared slow sweep

  • Skeleton Swap

    Skeleton to content with a 4px settle and clearing blur, never a flash

  • Spinner

    Arc, dots and pixel-grid spinners drawn on the icon grid, so they swap for icons

  • Task Steps

    Stages of a long job with live timers, drawn checks and a filling rail

  • Top Loader

    A thin page bar that trickles, finishes fast and fades; skips fast loads

10

Notifications

12
  • Announcement Bar

    Slim top bar that rotates messages, holds while read and can be paused

  • Banner

    Region-wide notice that collapses smoothly when dismissed and can remember it

  • Callout

    Inline note, tip, warning or danger block with details that unfold in place

  • Connection Status

    Offline, reconnecting and back-online in one pill that morphs between them

  • Cookie Consent

    Compact consent card with equal choices and categories that unfold in place

  • Count Badge

    A count that rolls its digits, pops when it rises and caps at 99+

  • Dynamic Island

    A live-activity pill that springs open into controls and morphs between activities

  • New Items Pill

    Holds new feed items behind a rolling count until the reader asks for them

  • Notification Inbox

    A bell that rings on arrival and opens a grouped, keyboard-driven inbox with undo

  • Promise Toast

    One toast follows async work: spinner, live progress, then a tick drawn in place

  • Status Dot

    Presence dot whose shape morphs between states, so color is never the only signal

  • Toast

    Stacked toasts that fan out on hover, swipe away and update in place

11

Dialogs & sheets

9
  • Alert Dialog

    Destructive confirm that holds open while it works and explains failures in place

  • Bottom Sheet

    Drag between peek, half and full; the list scrolls only once it's open

  • Dialog

    Rises from .97 on the expo curve, scrolls inside with edge hairlines, nudges when refused

  • Hover Card

    Profile and link previews that prefetch on intent and draw the wait

  • Morph Dialog

    A card that opens into its dialog and folds back into the grid

  • Morph Popover

    A button that grows into its own form and folds back into a tick

  • Popover

    Grows out of its trigger along a seamless arrow, flips at edges, opens on hover

  • Sheet

    Side panel on the drawer curve that swipes away and resizes with give

  • Stacked Dialog

    Each dialog opened from another pushes it back, dimmed, with a way back

13

Command & search

10
  • Active Filters

    Applied filters as removable chips that close ranks, fold to +N and undo

  • Command Pages

    Palette pages that slide in, land on the current choice and remember the way back

  • Command Palette

    ⌘K opens it on the same frame, ranks matches and runs async commands in place

  • Faceted Filter

    A filter button whose searchable popover ticks values, counts roll, chips collapse to +N

  • Filter Builder

    Filters written as sentences, each word a dropdown, with an all-or-any switch

  • Highlight Match

    Marks what matched in search results, accent-blind, with fuzzy mode and snippets

  • Kbd

    Keys written for the reader's platform that press down with the real ones

  • Scoped Search

    A search field where from: and in: become tokens with value suggestions

  • Search Dialog

    Async search with filter counts that roll, a live preview and stale-safe loading

  • Shortcuts Sheet

    Press ? for every shortcut; press any shortcut and its row lights up

15

App navigation

10
  • Icon Rail

    Sidebar that folds to icons in place, with tooltips only when narrow

  • Mega Menu

    Site menu with one panel that morphs between triggers and slides content

  • Mobile Menu

    Phone menu whose burger turns into the close, with sections that drill in

  • Navbar

    Top bar that compacts on scroll while a pill follows the pointer home

  • Path Switcher

    Team / project breadcrumb where every step is a searchable switcher that eases

  • Resizable Panels

    Split panes that drag, resist at their limits and spring shut on double-click

  • Sidebar

    App sidebar whose active pill springs between rows and whose counts roll

  • Tab Bar

    Phone bottom navigation whose icons fill when active, with rolling badge counts

  • User Menu

    Avatar menu with presence, a sliding theme control and a sign-out that waits

  • Workspace Switcher

    Searchable workspace menu with number shortcuts, pending switches and a rolling trigger

16

Disclosure

6
  • Accordion

    Stacked sections that grow to fit, with answers find-in-page can still reach

  • Collapsible

    One section that folds away, plus a Show 3 more list that cascades in

  • Expandable Card

    Cards that open in place to show details while the others make room

  • Interactive Card

    The whole card is one link, while buttons inside still get their own clicks

  • Scroll Area

    Native scrolling with thin overlay bars and edges that fade in as you scroll

  • Show More

    Clamps long text with a fading last line, offering more only when it overflows

17

Scroll

10
  • Back to Top

    Arrives after a screen, rings with progress, and hands focus back at the top

  • Hide on Scroll

    Steps aside while you read down, returns on a deliberate scroll up

  • Overflow Scroller

    A horizontal row whose edge fades and arrows appear only where content hides

  • Reading Progress

    Tracks the article, not the page, and counts the minutes down

  • Scroll Reveal

    Reveals children once as they scroll in, with a capped stagger that never replays

  • Scroll Shadow

    Shades only the edges with more to scroll, tied to the scroll itself

  • Snap Carousel

    Native scroll-snap carousel with sprung paging, mouse drag and dots that follow the scroll

  • Stacking Cards

    Cards that stick and stack as you scroll, the ones behind shrinking and dimming

  • Sticky Header

    Invisible at rest, gains its edge and blur once content slides beneath

  • Virtual List

    A windowed listbox for 10,000 rows with measured heights and sticky group headers

18

Tables

10
  • Column Manager

    Show, hide and drag columns into order while the table rearranges live

  • Editable Cells

    Spreadsheet cells that edit in place, validate per cell and flash when saved

  • Expandable Rows

    Rows open a detail panel that grows from beneath them and scrolls itself into view

  • Filter Grid

    Card grid filtered by chips and search that reflows instead of reshuffling

  • Key-Value List

    Details-panel pairs with copy, in-place edit and a wash that marks what changed

  • Row Selection

    Shift-click ranges that tick in sequence, and a bulk bar that rises with a rolling count

  • Sortable Table

    Headers cycle through both directions and back, rows spring into their new order

  • Sticky Columns

    Pinned columns, header and totals whose edges shade only while something hides beneath

  • Table Pagination

    Rows per page, rolling range, jump to page, and rows that crossfade the way you paged

  • Table Toolbar

    Search, filter, density, view and export in one arrow-key toolbar that reflows

19

Numbers & charts

12
  • Bar Chart

    Columns or ranked rows that grow in, morph on change and glide a tooltip

  • Contribution Graph

    A year of daily activity as a keyboard-walkable heatmap with a gliding tooltip

  • Delta Badge

    Signed change with one arrow that turns, tinted by whether the change is good

  • Donut Chart

    A gapped ring that sweeps in, lifts a segment and rolls its value

  • Leaderboard

    Ranked rows that spring into place, roll their scores and pin you

  • Line Chart

    Multi-series lines with a snapping crosshair, full readout and a toggling legend

  • Number Ticker

    Rolls each digit toward its new value in the direction it moved, tinting briefly

  • Poll Results

    Tap to vote, then bars grow and counts roll up from zero

  • Sparkline

    A tiny trend line that draws in once and scrubs to any point

  • Stat Tile

    KPI card whose sparkline you scrub to roll the headline to any day

  • Usage Meter

    Quota bar split by category that warns near the limit and shows overage honestly

  • Value Flash

    Live value that washes green or red on each tick, throttled below three flashes a second

20

Identity & display

8
  • Avatar

    Photo that fades in once loaded, initials that never flash, presence that morphs

  • Avatar Group

    Overlapping faces with true cutouts that fan apart and open the full list

  • Badge

    Status and count labels whose text, width and tone change in place

  • Entity Chip

    Inline mention of a person, repo or issue with a lazy-loading hover card

  • Heading Anchor

    A heading whose # link copies the section URL, ticks and marks the section

  • Profile Card

    A person with presence, local time and stats, and an optimistic follow that rolls back

  • Tag

    Removable chips that fold away, close the gap and hand focus on

  • Timeline

    Activity grouped by day on a rail, where new events grow in at the top

21

Media

11
  • Audio Player

    Compact player whose waveform fills as it plays, with drag-to-seek and speed

  • Blur-up Image

    Holds its space, then brings the full image into focus over a blurred preview

  • File Thumbnail

    File card by type that keeps the extension visible and shows upload progress

  • Gallery Grid

    Masonry photos that blur up, select like a photo app and glide when rearranged

  • Image Compare

    A before-and-after divider that follows a drag and springs to a click

  • Image Cropper

    Crop box with handles, aspect presets, zoom and rotate, exported to a Blob

  • Lightbox

    Photos lift out of their thumbnails, swipe between, zoom, and land back where they came from

  • Product Gallery

    Product photos that crossfade on pick, swipe on touch and magnify under the mouse

  • Video Player

    Custom controls over native video, with chapters, subtitles and a morphing play button

  • Voice Recorder

    Records with live input levels, pauses, and plays back before you send

  • Zoom Pan Image

    Pinch, wheel or double-click to zoom where you point, then throw it around

22

Text & content

9
  • Highlight

    A marker stroke drawn in reading order, carrying on across line breaks

  • Link Preview

    Unfurled link card and inline hover preview sharing one cached request

  • Marquee

    Seamless infinite row that eases to a stop under the pointer

  • Prose

    Token-only typography for rendered rich text, with section links and code copy

  • Spoiler

    Grain-and-blur cover that dissolves outward from where you press it

  • Text Morph

    Shared letters slide into their new places while the width springs

  • Text Reveal

    Words or wrapped lines lift out of a blur once, text left intact

  • Text Scramble

    Decodes left to right in fixed time, only where characters changed

  • Truncate

    Cuts text at the end or middle and unfolds it in place when cut

23

Gestures & drag

10
  • Drag Select

    Rubber-band selection that scrolls at the edges and honors Shift and ⌘

  • Drop Target

    Targets say what they take, pull the item in and send refusals home

  • Kanban

    Cards lean into the drag, land on an insertion line and move by menu too

  • Long Press

    Press and hold with a filling ring, right click and Shift F10 included

  • Pan Zoom Canvas

    An infinite dot-grid canvas that pans, pinches and zooms to the cursor

  • Reorder List

    Lifts on press, springs neighbors aside and reorders from the keyboard too

  • Resizable Box

    Eight handles, a live size readout, Shift for ratio, Alt from center

  • Sortable Grid

    Tiles lift off the grid, leave a slot behind and land where dropped

  • Swipe Actions

    Swipe a row to reveal actions; swipe far and the tray fills to commit

  • Swipe Deck

    A card stack you throw left or right, with undo and matching buttons

24

Collaboration

10
  • Activity Feed

    A timeline of who did what, grouped by day, that holds your place as it updates

  • Comment Composer

    Grows on focus, @mentions teammates, sends on ⌘↵ and keeps the draft

  • Comment Thread

    Threaded comments that fold, resolve with a drawn tick and undo deletes

  • Follow Button

    Follow becomes Following with a drawn tick, offers Unfollow only when safe

  • Invite Field

    Turns typed or pasted addresses into chips, flags bad ones, sends with a role

  • Live Cursors

    Teammates' pointers glide between network updates; idle names tuck into initials

  • Presence Stack

    Live faces that slide in, ping once, fade out and roll the overflow count

  • Reaction Bar

    Emoji reactions that pop, roll their counts, say who, and roll back

  • Share Dialog

    Invite by email, manage who has access and set link access in one place

  • Typing Indicator

    Who is typing, in words and a dot wave, opening its own height

25

Messaging

9
  • Attachment Tray

    Pending uploads that develop as they finish, retry in place and reorder

  • Chat Thread

    Grouped bubbles with tails, pinned to the latest while new messages rise in

  • Conversation List

    Chat inbox where rows spring to the top, counts roll and swipes commit

  • Jump to Latest

    Follows new messages at the bottom, then counts them when you scroll away

  • Message Composer

    Grows with its text, takes files and emoji, and turns its mic into send

  • Message Status

    Delivery ticks that morph from clock to check to read, with a pressable retry

  • Reply Preview

    The quoted message slides up above the composer and jumps back to its original

  • Unread Divider

    New-messages line that draws out, counts up and folds away once read

  • Voice Message

    A voice note whose waveform fills as it plays and seeks where you drag

26

AI conversation

10
  • Branch Switcher

    Steps between regenerated replies; content slides the way you went, counts roll

  • Citations

    Numbered source pills that preview on hover and light their list row

  • Context Meter

    Ring or bar of context used, with a breakdown and a warning before full

  • Message Actions

    The row under a reply: copy draws a tick, regenerate turns, thumbs fill

  • Model Picker

    Compact model select with capabilities, speed and cost; the name slides and resizes

  • Prompt Input

    The AI composer: grows as you write, takes files, and Send becomes Stop

  • Reasoning

    Thinking shown as one timed line that opens to the stream and folds itself away

  • Shimmer Text

    A working status whose sheen sweeps the letters and crossfades between steps

  • Streaming Text

    A model's reply formatted as it streams, each chunk fading in, never flashing syntax

  • Suggestions

    Prompt starters that stagger in once and fill the composer when picked

27

AI agents

9
  • Agent Plan

    A live checklist the agent rewrites mid-run, with edits that grow in place

  • Agent Status

    A live pill for a background agent that opens into its run and ends on a tick

  • Approval Card

    An inline permission request that answers to Enter and Escape, then folds to one line

  • Diff Review

    Accept or reject an agent's edits hunk by hunk; decided hunks fold into a tick

  • Generation Preview

    Generated images resolve from grain to sharp as progress climbs, then become choices

  • Response Feedback

    Thumbs that nod when pressed; a thumbs down unfolds reasons, a comment and send

  • Run Log

    A streaming log grouped by step that follows output until you scroll away

  • Tool Call

    A tool invocation as one quiet row that opens into its JSON, live timer included

  • Voice Input

    A mic that grows into a listening pill with live levels and words

28

Commerce & billing

12
  • Add to Cart

    A button that morphs into a quantity stepper, with a cart badge that bumps

  • Card Field

    One card input that formats, detects the network, validates and advances itself

  • Cart Drawer

    Slide-over cart whose lines collapse away and whose totals roll as you edit

  • Order Summary

    Checkout totals that roll as they change and fold behind the total on phones

  • Plan Picker

    Plan radio cards that price the change, prorated, before anyone confirms it

  • Price Toggle

    Monthly or yearly switch whose savings badge swells the moment yearly is chosen

  • Pricing Table

    Plans side by side whose prices roll across the columns when the period changes

  • Promo Code

    A code field that opens in place, checks quietly and lands as a chip

  • Quantity Stepper

    Rolls its digits, turns minus into remove at one and explains stock limits

  • Seat Picker

    Stepper and slider in sync, with a rolling total and volume tiers that light up

  • Trial Banner

    Trial countdown with one cell per day that turns urgent in the final days

  • Upgrade Prompt

    Inline paywall at a limit, with a padlock that lifts as you reach Upgrade

29

Auth & onboarding

10
  • Hotspot

    A beacon on a new feature that explains itself and stays dismissed

  • Magic Link

    Check-your-email screen with inbox shortcuts, a backing-off resend and a folding envelope

  • Onboarding Checklist

    A get-started card that ticks, strikes through and opens the next task

  • Passkey Button

    Passkey sign-in whose glyph scans while the device prompt is open, with calm fallbacks

  • Product Tour

    Coach marks whose spotlight travels between targets, with the card gliding alongside

  • Session Timeout

    An idle sign-out warning whose countdown rolls down and drains to zero

  • Sign-in Flow

    Email first, then a password or emailed code, in a card that glides between heights

  • Social Buttons

    Provider sign-in buttons with a gliding Last used badge and per-button loading

  • Two-factor Setup

    Scan, verify and save recovery codes in one card that glides between steps

  • What's New

    A changelog popover with a rolling unread count and pages you step through

30

Settings

9
  • API Key

    Masked secret that scrambles into view, copies, and regenerates behind a confirm

  • Locale Select

    Searchable language and region picker that previews dates and numbers before you choose

  • Member List

    Team members and invites with rolling roles, confirmed removal and highlighted search

  • Notification Matrix

    Events by channels, column select-alls that ripple, and chip cards on phones

  • Session List

    Signed-in devices that fold away on sign-out, one or all at once

  • Settings Row

    Label, description and control per row, each showing its own save as it happens

  • Shortcut Recorder

    Records a key combo live, sinks held keys and asks before stealing one

  • Theme Picker

    Light, dark and system cards drawn in the real palettes, with a sliding ring

  • Type to Confirm

    Type the exact name to unlock a destructive action; the padlock opens on match

31

Developer

10
  • Code Block

    Highlighted code with a sticky gutter, wrap that hangs its indent, and folding

  • Code Tabs

    Package manager or language tabs that remember the choice across every block

  • Deploy Status

    Deployment row with a live, rolling duration and status changes that settle in place

  • Diff Viewer

    Unified or split diffs with word-level marks and folds that open in steps

  • Env Editor

    Environment variable rows with masked values, paste-a-.env import and duplicate warnings

  • Install Command

    A one-line command whose verb swaps per package manager while the package slides

  • JSON Viewer

    Folding JSON tree with search that unfolds to every match, and copyable paths

  • Log Viewer

    Streaming logs that follow the tail, pause when you scroll up, and count what you missed

  • Terminal

    A session that types itself with human pacing, in space it already reserved

  • Uptime Bars

    Ninety days of status bars with a gliding per-day tooltip and incident detail

32

Marketing

8
  • Announcement Pill

    Link above a hero where a sheen crosses once and the chevron becomes an arrow

  • Changelog

    Releases on a timeline rail that lights the one you’re reading

  • Comparison Table

    Plans against features with a sticky header, a gliding row highlight and phone view

  • Feature Tabs

    Feature tour whose rail fills per tab, freezing on hover, focus or scroll-away

  • Newsletter Form

    Inline email signup whose button grows over the field into the confirmation

  • Stats Band

    Headline numbers whose digits spin up once, in turn, when scrolled into view

  • Testimonial Wall

    Masonry of quotes drifting in opposite columns that ease to a stop under the pointer

  • Waitlist Form

    Join a waitlist, watch your place roll in, then share a referral link

33

Motion primitives

8
  • Animate Height

    Follows its content’s height on a spring, measured, interruptible, auto at rest

  • Blur In

    Reveals content with a fade, a small rise and a clearing blur, once

  • FLIP List

    Rows glide to their new place on sort and filter; leavers step out first

  • Icon Swap

    Swaps icons in a fixed box with a blur, turn or roll that knows direction

  • Presence Swap

    Swaps views the way you're going, follows their height and keeps focus

  • Press Depth

    Any surface sinks, drops a pixel and flattens its shadow, then springs back

  • Ripple

    A press wave from the pointer, in the surface's own text color

  • Stagger In

    Rows arrive in one capped wave the first time, never on filters