Accessible React components with motion editions, plus free blocks for dashboards and landing pages. MIT.
Slider with motion: a rubber-band stretch past the ends, a strain from the keyboard, and the value on odometer wheels in a bubble that leans as you drag.
A tiny line, area or bar chart without axes, for a trend next to a number or in a table cell.
An animated indicator for loading states.
The promise and three reasons beside the product itself: a live dashboard in a browser frame.
Four numbers with their change and trend that count up, and a period switch that moves all of them.
The promise and actions, then three numbers that count up, each with its trend.
Shows progress through a multi-step flow.
A toggle for on/off settings.
Switch with motion: the thumb springs across and stretches while you hold it, follows a drag (over past the middle, a rubber band past an end), and phones buzz as it switches.
A responsive table for tabular data.
Switch between related views without leaving the page.
Tabs with motion: the picked tab's card springs to the one you pick, a soft highlight glides after the pointer, the new panel slides in from that side while the height glides, and swipeable panels follow your finger.
Type free-text tags; Enter or a comma adds one, and pasting a list adds them all.
A masonry wall of quotes with stars and who said them, in three columns, then two, then one.
A multi-line text field that grows with its content.
Textarea with motion: it glides taller with each new line and back down when cleared, and shakes when it turns invalid while its error grows in.
Text that arrives word by word as it scrolls into view: blurring in, rising from a line, fading or wiped in.
The theme presets of @dashral/ui/themes.css as data: each setting's choices (with a swatch to show them by), a
A vertical list of events in chronological order.
A time picked from a list of steps or typed exactly, shown the locale's way, stored as HH:MM.
TimePicker with motion: the list springs out of its trigger, one highlight glides over the times, the tick draws, and a new time rises into the trigger.
A time zone picker: offsets, cities and names in the reader's language, searchable.
Brief, non-blocking notifications. Powered by Sonner.
Toast with motion: toasts spring in and the stack glides to make room, a changing toast pops its icon over, and a swipe sends one away.
A button that stays pressed: Bold, Pin, Mute.
A set of toggles: one at a time, like text alignment, or any of them, like Bold, Italic, Underline.
ToggleGroup with motion: with type="single" one background springs between the toggles; with "multiple" each pops in and out.
Toggle with motion: it presses in, its background pops in from the middle and its icon bounces as it turns on.
The tools an AI assistant used to get its answer, step by step: their status, how long they took, and their input and output.
A short hint shown on hover or keyboard focus.
Tooltip with motion: it springs out of its trigger from the side it opens on, and when its words change it glides to their width as they rise in.
Parts of a whole as rectangles sized by value, with groups you can zoom into.
Nested items that open and close: files, categories or permissions.
Shared by the apps (the website and the dashboards): sliding highlights, underlines and markers.
A marketing navbar: a product menu with descriptions, sign in and sign up, and a menu sheet on phones.
A workspace switcher, the section's tabs underneath, and help, notifications and the account menu.
A workspace switcher, search, inbox, and Favorites and Projects that fold away; each project opens to its views.