Animated components
@litt
Animated components · data updated 2026-10-27
Technical precision, lit from above. Controls, overlays, data and agent components on warm stone neutrals, with glass only on what floats. Every token is prefixed litt-, so your app's theme stays untouched.
aianimationauthblocksbuttonscardschartsdashboarde-commerceformsglassmorphismiconsloadersmapsmediamobilenavigationoverlaystablestheming
Install
npx shadcn@latest add https://littmd.vercel.app/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (166)
littbase-stylesaccordionaction-baractivityagentapp-shellavatarbar-listbreadcrumbbreakdownbuttoncalloutcardcarouselcartcase-studychartcheckboxcode-blockcode-inputcohort-gridcollectioncolor-pickercomboboxcommand-menucomposercontext-menudashboarddate-pickerdeploymentdetailsdialogdot-plotfile-dropformfunnelgaugeglidegrowthheaderheatmaphover-cardiconsinputinsightskbdlegendlightboxlistlist-coverlog-viewmediamenumessagemotionnumber-fieldoption-pickerpadpagination
Components: litt, base-styles, accordion, action-bar, activity, agent, app-shell, avatar, bar-list, breadcrumb, breakdown, button, callout, card, carousel, cart, case-study, chart, checkbox, code-block, code-input, cohort-grid, collection, color-picker, combobox, command-menu, composer, context-menu, dashboard, date-picker, deployment, details, dialog, dot-plot, file-drop, form, funnel, gauge, glide, growth, header, heatmap, hover-card, icons, input, insights, kbd, legend, lightbox, list, list-cover, log-view, media, menu, message, motion, number-field, option-picker, pad, pagination, plan, popover, price, product, product-card, progress, projects, resizable, rolling-number, scroll-area, segmented, select, settings, shopify, shopify-cart, sign-in, slide-confirm, slider, sparkline, spread, stat, states, steps, switch, table, table-filter, tabs, tag, team, thinking, time-scrubber, timeline, toast, token-input, tool-call, tooltip, tree, usage, button-demo, code-input-demo, combobox-demo, date-picker-demo, file-drop-demo, input-demo, number-field-demo, select-demo, token-input-demo, checkbox-demo, color-picker-demo, pad-demo, slide-confirm-demo, slider-demo, switch-demo, time-scrubber-demo, segmented-demo, tabs-demo, tag-demo, icons-demo, kbd-demo, tooltip-demo, hover-card-demo, popover-demo, context-menu-demo, menu-demo, command-menu-demo, dialog-demo, toast-demo, breadcrumb-demo, header-demo, steps-demo, accordion-demo, avatar-demo, callout-demo, card-demo, progress-demo, resizable-demo, scroll-area-demo, tree-demo, table-demo, action-bar-demo, bar-list-demo, breakdown-demo, cohort-grid-demo, details-demo, dot-plot-demo, funnel-demo, gauge-demo, heatmap-demo, legend-demo, log-view-demo, sparkline-demo, spread-demo, timeline-demo, app-shell-demo, chart-demo, form-demo, pagination-demo, rolling-number-demo, stat-demo, states-demo, code-block-demo, composer-demo, message-demo, plan-demo, thinking-demo, tool-call-demoPreview
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.