Animated components
@bjork-ui
Animated components · data updated 2026-09-21
Production-ready animated interface components, primitives, and WebGL shader studies for React and Tailwind CSS.
3daianimationaudioauthbackgroundsblocksbuttonscardschartsdashboarddesign-systemformshooksmedianavigationonboardingoverlaystables
Install
npx shadcn@latest add https://ui.isaiahbjork.com/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (74)
animated-radial-chartmessage-dockvoice-powered-orbruler-carouselvideo-scroll-herofinancial-tabledraggable-ropehud-frameportfolio-galleryvideo-upload-cardai-voice-inputanimated-status-badgeanimated-downloadanimated-card-optionsanimated-card-status-listaudio-upload-cardbonuses-incentives-cardcoach-schedulingdashboard-card-modalevent-countdown-cardhover-detail-cardnews-cardsonboarding-stagesprediction-market-cardproduct-reveal-cardprofile-hover-cardproject-cardsgradient-selectorhover-image-galleryreveal-textglitchy-404hud-2hud-buttonhud-graphhud-statuswarning-graphiccontacts-tableleads-tableresizable-tableserver-managementprimitive-accordionprimitive-alertsprimitive-avatarprimitive-badgeprimitive-breadcrumbprimitive-buttonprimitive-button-groupprimitive-calendarprimitive-cardprimitive-checkboxprimitive-collapsibleprimitive-comboboxprimitive-data-tableprimitive-date-pickerprimitive-dialogprimitive-dropdown-menuprimitive-formprimitive-inputprimitive-input-maskprimitive-input-otp
Components: animated-radial-chart, message-dock, voice-powered-orb, ruler-carousel, video-scroll-hero, financial-table, draggable-rope, hud-frame, portfolio-gallery, video-upload-card, ai-voice-input, animated-status-badge, animated-download, animated-card-options, animated-card-status-list, audio-upload-card, bonuses-incentives-card, coach-scheduling, dashboard-card-modal, event-countdown-card, hover-detail-card, news-cards, onboarding-stages, prediction-market-card, product-reveal-card, profile-hover-card, project-cards, gradient-selector, hover-image-gallery, reveal-text, glitchy-404, hud-2, hud-button, hud-graph, hud-status, warning-graphic, contacts-table, leads-table, resizable-table, server-management, primitive-accordion, primitive-alerts, primitive-avatar, primitive-badge, primitive-breadcrumb, primitive-button, primitive-button-group, primitive-calendar, primitive-card, primitive-checkbox, primitive-collapsible, primitive-combobox, primitive-data-table, primitive-date-picker, primitive-dialog, primitive-dropdown-menu, primitive-form, primitive-input, primitive-input-mask, primitive-input-otp, primitive-pagination, primitive-popover, primitive-radio-group, primitive-select, primitive-sheet, primitive-slider, primitive-sonner, primitive-switch, primitive-table, primitive-tabs, primitive-textarea, primitive-tooltip, shader-aurora-veil, shader-kinetic-dotsPreview
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.
@bjork-ui · animated-radial-chart
npx shadcn@latest add https://ui.isaiahbjork.com/animated-radial-chart.jsonView source