ActiveAnimated componentspro available6
@d2
Animated components · MIT · data updated 2026-10-27
Ultra modern monospace component library for React and Tailwind CSS v4 — AI cards, bento grids, dashboards, hero sections and animated pixel spinners.
aianimationauthblocksbuttonscardschartsdashboarddesign-systeme-commerceformshooksloadersmediamobilenavigationoverlayspro-availableretrotables
Install
npx shadcn@latest add https://ui.d2studio.dev/r/registry.jsonHealth
StatusActive
Last commit6 days ago
LicenseMIT
Open issues0
ArchivedNo
Stars6
Components (101)
ai-blockai-content-creator-card-v2ai-content-creator-carddashboard-01bento-01ai-v2github-reposhero-01card-ecommerce-01pricing-01hero-section-01hero-section-02ai-writing-assistanceblock-01notification-bentobento-02bento-03bento-04bento-05metallic-shimmerprogress-barbutton-mattaccordionalertalert-dialogaspect-ratioattachmentavatarbadgebreadcrumbbubblebuttonbutton-groupcalendarcardcarouselchartcheckboxcollapsiblecomboboxcommandcontext-menudialogdirectiondrawerdropdown-menuemptyfieldformhover-cardinputinput-groupinput-otpitemkbdlabelmarkermenubarmessagemessage-scroller
Components: ai-block, ai-content-creator-card-v2, ai-content-creator-card, dashboard-01, bento-01, ai-v2, github-repos, hero-01, card-ecommerce-01, pricing-01, hero-section-01, hero-section-02, ai-writing-assistance, block-01, notification-bento, bento-02, bento-03, bento-04, bento-05, metallic-shimmer, progress-bar, button-matt, accordion, alert, alert-dialog, aspect-ratio, attachment, avatar, badge, breadcrumb, bubble, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, combobox, command, context-menu, dialog, direction, drawer, dropdown-menu, empty, field, form, hover-card, input, input-group, input-otp, item, kbd, label, marker, menubar, message, message-scroller, native-select, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toggle, toggle-group, tooltip, use-mobile, d2-card, pixel-spinner, power-chip, raw-chip, moon-tile-01, moon-tile-02, moon-tile-03, spinner-spiral-in-5, spinner-ring-4-cw, spinner-dual-ring-5, spinner-vortex-in, spinner-col-wave-5, spinner-swell-roll, spinner-rain-4, spinner-tide-roll, spinner-billboard-tiles, spinner-ripple-outPreview
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.