ActiveFeaturedAnimated componentspro available1,884
@beui
Animated components · MIT · data updated 2026-10-27
Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.
aianimationaudiobackgroundsblocksbuttonscardschartsdashboardformsglassmorphismloadersmapsmedianavigationoverlayspro-availabletablestext-effectstheming
Install
npx shadcn@latest add https://beui.dev/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues1
ArchivedNo
Stars1,884
Components (146)
timelinealertcollapsibleaspect-ratioarc-pickersortable-stackmorphing-lightboxdate-range-pickercardcolor-pickercolor-selectorbreadcrumbtilt-cardbutton-metallicbutton-basebutton-statefulbutton-magneticexpanding-arrow-buttonhold-action-buttonslide-action-buttonexpandable-controladaptive-steppermarqueetabsswitchinputselectselect-morphcomboboxmulti-selectcheckboxradiobottom-sheetpull-to-refreshshared-layout-bgbounce-sidebaranimated-sidebarfile-treepreview-raildocktooltipcontext-menupopoverpopover-morphmorphing-modalcenter-morph-modaltext-scramblechromatic-text-revealtext-revealtext-shimmertext-cascadedigit-swapnumber-tickeranimated-numberanimated-badgeaction-swap-cascadeaction-swap-bluraction-swap-rollanimated-toast-stacktheme-toggle
Components: timeline, alert, collapsible, aspect-ratio, arc-picker, sortable-stack, morphing-lightbox, date-range-picker, card, color-picker, color-selector, breadcrumb, tilt-card, button-metallic, button-base, button-stateful, button-magnetic, expanding-arrow-button, hold-action-button, slide-action-button, expandable-control, adaptive-stepper, marquee, tabs, switch, input, select, select-morph, combobox, multi-select, checkbox, radio, bottom-sheet, pull-to-refresh, shared-layout-bg, bounce-sidebar, animated-sidebar, file-tree, preview-rail, dock, tooltip, context-menu, popover, popover-morph, morphing-modal, center-morph-modal, text-scramble, chromatic-text-reveal, text-reveal, text-shimmer, text-cascade, digit-swap, number-ticker, animated-number, animated-badge, action-swap-cascade, action-swap-blur, action-swap-roll, animated-toast-stack, theme-toggle, bouncy-accordion, drawer, smooth-scroll, scroll-progress, parallax, scroll-to, scroll-reveal, range-slider-inline, range-slider, range-slider-fluid, range-slider-wave, range-slider-bubble, range-slider-ruler, wheel-picker, table, table-editable, table-async, shader-background, cylinder-carousel, loader, sankey-chart, treemap, candlestick-chart, donut-chart, volume-profile, status-bar, composition-chart, funnel-chart, liquidity-heatmap, bump-chart, order-book, heat-calendar, returns-calendar, price-target-fan, voice-orb, message-bubble, message, message-scroller, prompt-input, todo-list, code-block, approval-card, file-diff, tool-result, streaming-response, image-generation, tool-approval, citations, agent-activity, reasoning-text, thinking-shimmer, agent-progress, ai-sidebar, chat-app, infinite-masonry, notification-stack, project-folder, card-folder, knockout-wheel, knockout-bracket, availability-scheduler, swap, dynamic-island, command-palette, morphing-search-chips, morphing-search, expandable-action-bar, overflow-actions, expandable-tabs, morphing-tabs, swipeable-list, attachment-upload, file-upload, prediction-market-card, prediction-market, wallet-card, otp-input, signup-form, card-dealer, bloom-menu, feedback-widget, not-found-glitch, not-found-magnetic, not-found-spotlight, not-found-stacked, not-found-terminalPreview
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.