Loading the library…
Every preview below is the real component, running. Open one to change the viewport, switch themes and read the source.
Forms / Refined
A dropdown with a filter field and checkboxes; picks collapse into chips with a +N overflow counter.
Components / Refined
Drag one time across a day and see it in every team member’s timezone, with working hours shaded on each track.
Forms / Refined
A recurrence picker: frequency, interval, weekday toggles and an end rule, summarised in a plain sentence.
Forms / Refined
A “Didn’t get a code?” control with a countdown ring, a Resend that unlocks at zero and growing back-off.
Data / Refined
A goal card with a progress ring; quick-add chips count the saved amount up and mark the goal done at 100%.
Data / Refined
Bank-style transactions grouped by day with daily totals; tap a row to expand details, filter In / Out at the top.
Components / Refined
A compact chat: your message slides up from the composer, shows Sent then Read, and a typing indicator precedes replies.
Forms / Refined
Set your status from presets or custom text, choose when it clears, and see it on your avatar badge right away.
Components / Refined
A searchable keyboard-shortcut reference grouped by area; press ? to open it, and typing filters keys and names.
Data / Refined
A segmented usage bar like phone storage settings: hover a segment or legend item to focus it and read its size.
Forms / Refined
An iOS-style grouped settings list mixing switches, value rows with chevrons, inline selects and a destructive row.
Checkout / Refined
A cart nudge showing how far you are from free shipping; the bar fills and the message flips when unlocked.
Forms / Refined
Product size chips with sold-out sizes struck through, a low-stock note and a Notify me option for sold-out picks.
Data / Refined
A reviews summary: average with partial stars, a 5-to-1 histogram, and bars you click to filter reviews by score.
Forms / Refined
Paste or type emails into chips, pick a role, and send; invalid addresses are flagged and sent invites list below.
Components / Refined
An API key row: masked by default, reveal with a press, copy with a tick, and roll the key behind an inline confirm.
Components / Refined
A vertical delivery timeline: completed steps get ticks and times, the current step pulses, and an ETA heads the card.
Forms / Refined
A two-step sign-in: email first, then password slides in with show / hide, plus a magic-link option and inline errors.
Components / Refined
A chat voice-message bubble: play / pause, a waveform that fills as it plays and can be scrubbed, plus 1× / 1.5× / 2×.
Components / Refined
Inline alerts in info, success, warning and error that differ by icon and weight, not colour, with actions and dismiss.
Components / Refined
A grid / list toggle where the items themselves morph between layouts using FLIP, instead of re-rendering in place.
Components / Refined
A share card: copy the link with a tick, pick access (anyone / team / invite-only), and share targets as a row of icons.
Components / Refined
A track you swipe the knob across to confirm; the label fades as you go, short drags spring back, completion locks.
Components / Refined
Pull a list down past a threshold: the arrow rotates to say “release”, a spinner holds while loading, new rows slide in.