ActiveAnimated components0
@velobits
Animated components · data updated 2026-09-05
An open source collection of accessible, contrast-gated React components on a warm neutral palette and a two-tier glass material — the VeloBits design system, authored once and shipped both as an npm package and as this registry.
accessibilityanimationauthblocksbuttonscardsdesign-systemformsglassmorphismhooksloadersmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://ui.velobits.dev/r/registry.jsonHealth
StatusActive
Last commit2 days ago
License—
Open issues1
ArchivedNo
Stars0
Components (48)
velobitsvelobits-themecnthemeuse-themeuse-media-queryuse-row-selectionvelobits-provideralertavatarbadgebuttoncardcheckboxfieldglass-surfaceinputkbdlabelnative-selectscroll-areaseparatorskeletonsliderspinnerswitchtextareatooltipcommand-palettedialogdropdown-menupopoverside-paneltoastaccordionapp-shellbreadcrumbcode-blockdata-tablediff-viewerempty-stateformmotionpaginationsegmented-controlstatus-chiptabletabs
Components: velobits, velobits-theme, cn, theme, use-theme, use-media-query, use-row-selection, velobits-provider, alert, avatar, badge, button, card, checkbox, field, glass-surface, input, kbd, label, native-select, scroll-area, separator, skeleton, slider, spinner, switch, textarea, tooltip, command-palette, dialog, dropdown-menu, popover, side-panel, toast, accordion, app-shell, breadcrumb, code-block, data-table, diff-viewer, empty-state, form, motion, pagination, segmented-control, status-chip, table, tabsPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.