Loading the library…
Every preview below is the real component, running. Open one to change the viewport, switch themes and read the source.
Data / Refined
A drill-down org chart: open a manager’s reports, see team sizes, search a name to reveal its path, step back up.
Components / Refined
A pre-permission screen for camera, mic or notifications: explains why, then shows granted, denied or how-to-fix states.
Components / Refined
A list of city clocks with day/night markers and offsets from you; add a city from search and remove with a tap.
Forms / Refined
Build a cron schedule from plain choices, see the expression and a human sentence, and preview the next five runs.
Forms / Refined
Environment variables as editable rows: values masked until revealed, paste a .env to import, duplicates flagged.
Data / Refined
A live log tail: lines stream in, filter by level, search with highlight, pause to read, and jump back to the latest.
Components / Refined
A tiny shell for docs and onboarding: real commands you define, history with ↑/↓, Tab completion and clear.
Components / Refined
An image with numbered hotspots: tap one to open its card, step through them in order, and see which you’ve visited.
Components / Refined
A referral card: copy your invite link, see friends who joined on a milestone track, and what the next reward unlocks.
Forms / Refined
A daily mood check-in: pick from five faces, add tags for what’s behind it, and see the week as a row of small faces.
Components / Refined
An episode player with chapters: the current one fills as it plays, tap to jump, skip back or ahead, change speed.
Components / Refined
Time-synced lyrics: the current line lifts and centres as it plays, past lines fade, and tapping a line seeks there.
Forms / Refined
Compose a poll: a question, 2–6 options to add, reorder and remove, multiple choice and duration, live preview.
Forms / Refined
A survey grid: rate statements on one agree–disagree scale, stacked on phones and as a true grid on wider cards.
Forms / Refined
Reading and display preferences with a live preview: text size, contrast, reduced motion, line spacing and density.
Components / Refined
A compact document viewer: page thumbnails, page-by-page navigation, zoom steps and fit-width, with a page jump field.
Data / Refined
Every recurring charge in one list: monthly or yearly totals, next renewal dates, and items marked to cancel.
Components / Refined
A smart-home thermostat: drag the dial or tap plus and minus, switch heat, cool or off, and see when it reaches target.
Data / Refined
A git history lane graph: branches as lanes, merge curves, click a commit for its details, and filter to one branch.
Components / Refined
A pull request checks panel: running, passed and failed jobs with durations, expandable failure logs, and re-run.
Components / Refined
A deployment card: build, upload and promote stages with live timing, the current production version, and rollback.
Forms / Refined
A tiny HTTP client: method picker, URL, headers and body tabs, Send, then status, timing, size and a formatted response.
Data / Refined
A compact SQL scratchpad: saved snippets, run with a keystroke, a result grid with row count and timing, and CSV copy.
Forms / Refined
A git branch switcher: search, branches and tags tabs, recent first, ahead/behind counts, and create-from-current.