svelteArc
Live gallery and docs for the React → Svelte port. Every component page carries a live demo, the props API, usage and motion notes — the doc is the proof.
Buttons
Button
A clear, responsive action with quiet secondary states.
Copy button
Copy a value with immediate confirmation.
Split Button
A primary action joined to a chevron trigger that opens a floating dropdown of related secondary commands.
Theme switcher
Four smooth ways to move between light and dark appearance.
Gestures
Menus
Text fields
Selects
Toggles
Checkbox
A binary or tri-state control with a spring-animated check mark that morphs into an indeterminate dash, and integrated label and description.
Radio group
Choose one option from a visible set.
Segmented control
Switch between a small set of related views.
Switch
A toggle for a single on/off preference, with a spring-glide thumb, tactile press-stretch, and integrated accessible label.
Sliders
Navigation
Expand
Overlays
Bottom sheet
A modal sheet that rises from the bottom edge and rests at one or more detents, with drag, flick, and keyboard control. Built on Bits UI Dialog.
Dialog
A modal overlay and panel with a titled header, built-in close button, accessible focus trap, and interruptible spring transitions.
Drawer
Overlay and panel with a titled header that doubles as the drag handle, a close button, and a scrolling body. Built on Bits UI Dialog.
Hover card
A read-only preview that opens after a short hover or keyboard focus and stays open while the pointer travels into it. Built on Bits UI LinkPreview.
Popover
A floating panel anchored to a trigger, with spring settle, origin-aware scale, and collision-aware viewport flipping.
Tooltip
A short label on hover or focus that opens without delay when moving between tooltips, with collision flipping and spring sizing.