Animated components
@whiskeyjack
Animated components · data updated 2026-09-05
A Tauri-first design system: thumb-first components with Metro-style pivot navigation, frosted bottom nav, and tap-again confirmations, on a CSS-variable token pipeline. Hardened across nine shipping apps before extraction.
accessibilityanimationbuttonscardschartsdashboarddesign-systemformsglassmorphismhooksloadersmapsmobilenavigationoverlaystheming
Install
npx shadcn@latest add https://whiskeyjack.net/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (60)
action-pillapp-panesapp-shellbadgebeambottom-drawerbottom-navbutton-rowbuttoncalendar-heatmapcardcheckbox-groupcolor-inputconfirm-buttondisclosure-toggledrawer-actionempty-stateheader-stand-ininputmobile-bottom-navnoticepage-title-contextprogress-barpull-to-refresh-indicatorreorder-listscroll-indicatorsearch-fieldsegmented-controlselectsidebar-tabsslidertab-bartoasttoggle-grouptoggleaccent-foregroundannouncecompact-controldirectionmaterial-youmerge-refsoption-tileuse-drag-reorderuse-focus-trapuse-input-typeuse-layout-gateuse-nav-resetuse-pull-to-refreshuse-reduced-motionuse-route-focususe-scroll-fadeuse-scroll-indicatoruse-scroll-regionuse-sliding-indicatoruse-stand-in-targetuse-swipe-navigationuse-tab-bar-fadeuse-themeuse-travel-directionutils
Components: action-pill, app-panes, app-shell, badge, beam, bottom-drawer, bottom-nav, button-row, button, calendar-heatmap, card, checkbox-group, color-input, confirm-button, disclosure-toggle, drawer-action, empty-state, header-stand-in, input, mobile-bottom-nav, notice, page-title-context, progress-bar, pull-to-refresh-indicator, reorder-list, scroll-indicator, search-field, segmented-control, select, sidebar-tabs, slider, tab-bar, toast, toggle-group, toggle, accent-foreground, announce, compact-control, direction, material-you, merge-refs, option-tile, use-drag-reorder, use-focus-trap, use-input-type, use-layout-gate, use-nav-reset, use-pull-to-refresh, use-reduced-motion, use-route-focus, use-scroll-fade, use-scroll-indicator, use-scroll-region, use-sliding-indicator, use-stand-in-target, use-swipe-navigation, use-tab-bar-fade, use-theme, use-travel-direction, utilsPreview
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.
@whiskeyjack · action-pill
npx shadcn@latest add https://whiskeyjack.net/r/action-pill.jsonView source