E
Eased
Accordion demoaccordion-demoA billing FAQ with answers of different lengths.
Agent Orb demoagent-orb-demoA voice assistant: switch between idle, listening, thinking and speaking; speaking streams a reply in bursts and the orb speeds up and slows with the token rate.
Attachment Chip demoattachment-demoA message draft with an upload in flight, a finished deck and a failed CSV with Retry.
Avatar demoavatar-demoA members card: a stacked group with a rolling +N, a list with photos, initials and a failed image, and Invite.
Badge demobadge-demoA mail sidebar with rolling unread counts (98 → 99+) and service status badges with a live dot.
Breadcrumb demobreadcrumb-demoA file browser five folders deep: open folders to grow the trail, click a crumb or the … menu to climb back.
Button demobutton-demoAn invoice with Send (loading, then “Sent”), Download and a two-step Void.
Carousel democarousel-demoCustomer stories for a finance product, one metric and quote per slide.
Cells kit democells-demoAn accounts table: advance a month and MRR rolls, deltas recolour, onboarding meters glide, and active accounts breathe.
Code Block democode-block-demoA docs excerpt: a 34-line debounce hook with line numbers and highlighted lines, collapsed after 12.
Code Tabs democode-tabs-demoAn install block synced across package managers, then three files of different heights and languages.
Composer democomposer-demoA working mini chat: send, attach, stop mid-reply, scroll up while it streams.
Concentric Frame democoncentric-frame-demoDemo for Concentric Frame.
Date Picker demodate-picker-demoTime off: an away range that can't start in the past, and a typed handover date that must fall before it on a weekday.
Dropdown Menu demodropdown-menu-demoA document's options menu: duplicate, rename, a Move to submenu, copy link, Show completed, Sort by and a danger Delete with undo.
Floating layer demoeased-floating-demoOne popover per side; each enters toward its trigger and flips on collision.
Gesture kit demoeased-gesture-demoA three-detent sheet over a map: flicks project onto detents, pulls past the top rubber-band, and the list hands its scroll over to the sheet.
Field demofield-demoA sign-up form on Base UI Form: submit focuses the first invalid field and a server error routes to its field.
File Upload demofile-upload-demoLease documents with a simulated upload: one file is too large, one drops its connection once.
Image Compare demoimage-compare-demoPlain vs Eased: the same share card as a default kit draws it and as Eased does, with a Loading mode that compares the skeleton with the loaded card.
Input demoinput-demoWorkspace settings with a URL prefix, live validation and a disabled field.
Kbd demokbd-demoA keyboard shortcuts list whose keycaps press and rows light up as you hold the real keys.
Mac HUD demomac-hud-demoA small macOS desktop with media keys: nudge volume, brightness and keyboard backlight (hold to repeat, or use the arrow keys) and switch between the classic and pill HUD.
Mac menu popover demomac-menu-popover-demoA menu bar usage tracker: session and weekly plan usage, a reset countdown and app actions, over a frosted desktop.
Message demomessage-demoFollow-ups that merge into one run of bubbles, corners tightening as each lands.
Number Field demonumber-field-demoA limit order: shares with split steppers, a USD limit price and a scrubbable percent stop loss, with a rolling cost summary.
Number Roll demonumber-roll-demoA revenue card: switch the range or the number format and every figure rolls; live orders tick the total up.
OTP Field demootp-field-demoEmail verification with a 3-3 code, auto-verify on the last digit, a wrong-code error and a resend countdown.
Pagination demopagination-demoAn invoices list whose footer pages through 64 invoices, numbered in a wide tile and compact in a narrow one.
Popover demopopover-demoA Share popover with an invite field, people with access and a concentric footer.
Progress demoprogress-demoAn upload list: uneven chunks, an indeterminate processing step, then complete; plus a storage meter.
Progressive Blur demoprogressive-blur-demoA music library whose header and mini player blur the covers scrolling under them, with a flat-blur comparison.
Radio Group demoradio-group-demoA checkout delivery step: speed as radio cards, drop-off as radios that depend on it.
Rating demorating-demoA recipe's reviews: an average with a count that rolls when you rate, a large rating with a word that follows the pointer, and recent reviews.
Scroll Area demoscroll-area-demoAn activity feed with a horizontally scrolling filter row and a vertical list.
Segmented demosegmented-demoA traffic card: a metric switch in the header and a date-range control that redraws the chart.
Shimmer Text demoshimmer-text-demoAn agent's activity: a research status rotating mid-sweep, and a task list whose running row shimmers and settles as each task finishes.
Skeleton demoskeleton-demoAn activity feed that loads behind skeletons shaped by its own content, then hands off without moving a pixel.
Snippet demosnippet-demoAn install card: a package-manager switch drives two commands, plus a long git clone that scrolls under edge fades.
Sparkline demosparkline-demoA product-health card: a scrubbable daily-active-users line over four metric rows, all morphing with the range.
Spinner demospinner-demoA deploy that walks its steps, each spinner swapping to a check, with the size scale underneath.
Table demotable-demoAn invoices table with mono IDs you can copy, avatars, status badges, amounts and relative dates, with a density toggle.
Tabs demotabs-demoA project page with Overview, Activity, Members and Settings tabs of different heights.
Text Swap demotext-swap-demoAn order tracker, a billing toggle and a copy button, each changing text with Text Swap.
Textarea demotextarea-demoA support reply that springs open as you write, with a rolling counter.
Thinking Bar demothinking-bar-demoA billing question: the assistant thinks for six seconds with its reasoning streaming in, then answers while the bar settles to "Thought for 6s" and folds away.
Toggle Group demotoggle-group-demoAn editor toolbar: bold, italic, underline and strikethrough (multiple) beside text alignment (single).
Tooltip demotooltip-demoAn editor toolbar whose tooltips form one delay group, with keyboard shortcuts.
Tree demotree-demoA Next.js repository with git status markers and the selected path in the footer.
Undo Pill demoundo-pill-demoA file list where deleting a row shows the Undo Pill.