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 one-week date strip: swipe or arrow to the next week, tap a day, dots mark days with events.
Navigation / Refined
Text tabs with an underline that slides to the active tab while the panel slides in from the direction you moved.
Forms / Refined
Grouped checkboxes with a parent that goes indeterminate, a tick that draws itself and collapsible groups.
Components / Refined
A save button whose ribbon fills from the top and dips like it was pressed, with an optional “Saved to” toast line.
Components / Refined
A snooze popover with smart presets that show the actual resulting time, plus a custom stepper.
Forms / Refined
A round avatar you click or drop an image on, then zoom and drag to frame it before saving.
Forms / Refined
A slider that snaps to labelled stops with tick marks; the thumb springs into each notch and the value label follows.
Forms / Refined
A phone field with a country picker and as-you-type formatting; the caret stays put while spaces are inserted.
Checkout / Refined
A promo-code row: Apply shows a spinner, a valid code becomes a removable chip and the total counts down.
Checkout / Refined
Percentage tip buttons that show the cash amount under each, plus a Custom option that opens a small input.
Forms / Refined
A notification preferences grid: events down the side, channels across the top, with whole-column toggles.
Data / Refined
Days, hours, minutes and seconds to a deadline; each digit rolls down independently as it changes.
Data / Refined
A monochrome donut chart widget: hover a slice or legend row to lift it and show its share in the centre.
Components / Refined
A native scroll-snap card carousel with arrow buttons and pager dots that stretch toward the active card.
Components / Refined
Clamped text that expands to its full height smoothly, with a toggle that only appears if the text actually overflows.
Components / Refined
A compact cookie card with Accept / Reject and a Customise view where each category has its own switch.
Components / Refined
A sun / moon button whose rays retract and a crescent bites in as it switches; a three-way variant adds System.
Components / Refined
A poll that reveals results after you vote: bars grow to their share, your pick is ticked, the leader is bold.
Components / Refined
Hover or focus a @mention to preview the profile in a card, with an open delay, a grace period and a Follow button.
Components / Refined
A primary action with a chevron that opens related variants; picking one makes it the new default action.
Components / Refined
A button that holds its width through idle, loading, success and error, with a spinner, a drawn tick and a shake.
Components / Refined
A floating + button that rotates to × and fans out labelled mini actions, staggered from the nearest one.
Components / Refined
A slim top-of-page bar that rotates through announcements with a vertical slide, pauses on hover and can be dismissed.
Navigation / Refined
Breadcrumbs that collapse middle levels into a … menu when space runs out, keeping the first and last two visible.