sh4dcn
Registries
ActiveFeaturedAnimated componentspro available27

@aicanvas

Animated components · MIT · data updated 2026-07-28

Growing open-source collection of 64+ animated React components (TypeScript, Motion/Framer Motion, Tailwind CSS) aimed at designers and developers. Notable component groups include: Label Cards, Cards & Modals (Travel Deck, AI Job Cards, Task Cards), Backgrounds (Particle Sphere), and more. Each component ships with full source code and expert-crafted AI reproduction prompts for Claude Code, Lovable, and v0. Free, MIT-licensed. Install via shadcn CLI. Use for: quickly grabbing a polished animated card or background component and immediately being able to remix or extend it with an AI coding tool.

WebsiteDocsGitHubComponents folderProAgent brief (.md)
@aicanvas preview
aestheticaianimationaudiobackgroundsbuttonscardschartscryptodashboardformsglassmorphismiconsloadersmedianavigationoverlayspaymentspro-availabletables

Install

npx shadcn@latest add https://aicanvas.me/r/registry.json

Health

StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars27

Components (123)

ai-job-cardsandromeda-buttonmeet-the-crewblind-pull-togglebubble-fieldcharging-widgetcrypto-swapcube-carouselcurious-aidanger-stripesdelete-buttondistortion-griddot-gridemoji-burstexpanding-tabsflip-calendartraveldeckglass-ai-composeglass-cardglass-dockglass-modalglass-music-playerglass-navbarglass-notificationglass-progressglass-search-barglass-sidebarglass-sliderglass-stepperglass-tab-barglass-tagsglass-toastglass-toggleglass-user-menuglitch-buttongood-vibesgrid-lineshalo-typeinteractive-card-stackjar-of-emotionslabel-cardsmagnetic-dotsmark-togglemood-trackerneon-clocknew-project-modalnoise-bgnoise-fieldorbitparticle-constellationparticle-spherepeel-corner-revealpill-toggleplayfulpolaroid-stackproduct-card-deckradial-cardsradial-toolbarresponsive-lettersripple-type
Components: ai-job-cards, andromeda-button, meet-the-crew, blind-pull-toggle, bubble-field, charging-widget, crypto-swap, cube-carousel, curious-ai, danger-stripes, delete-button, distortion-grid, dot-grid, emoji-burst, expanding-tabs, flip-calendar, traveldeck, glass-ai-compose, glass-card, glass-dock, glass-modal, glass-music-player, glass-navbar, glass-notification, glass-progress, glass-search-bar, glass-sidebar, glass-slider, glass-stepper, glass-tab-bar, glass-tags, glass-toast, glass-toggle, glass-user-menu, glitch-button, good-vibes, grid-lines, halo-type, interactive-card-stack, jar-of-emotions, label-cards, magnetic-dots, mark-toggle, mood-tracker, neon-clock, new-project-modal, noise-bg, noise-field, orbit, particle-constellation, particle-sphere, peel-corner-reveal, pill-toggle, playful, polaroid-stack, product-card-deck, radial-cards, radial-toolbar, responsive-letters, ripple-type, runway-loader, scramble-text, signature-pad, slice-type, slide-deck, sphere-lines, stack-tower, sticker-wall, taga-toggle, task-cards, text-blur-reveal, tilted-coverflow, upload-progress, voice-chat-pill, wave-lines, wild-morph, x-grid, andromeda-tokens, andromeda, andromeda-alert, andromeda-avatar, andromeda-badge, andromeda-button-system, andromeda-card, andromeda-checkbox, andromeda-corner-markers, andromeda-date-range-picker, andromeda-drawer, andromeda-empty-state, andromeda-heat-grid, andromeda-icon-button, andromeda-input, andromeda-nav-item, andromeda-panel-header, andromeda-panel-menu, andromeda-planet, andromeda-progress-bar, andromeda-radar-chart, andromeda-radio, andromeda-search-field, andromeda-segmented-control, andromeda-slider, andromeda-spinner, andromeda-stat-tile, andromeda-table, andromeda-tag, andromeda-textarea, andromeda-toggle, andromeda-tooltip, andromeda-trend-chart, andromeda-user-card, andromeda-user-menu, andromeda-metric-chart, andromeda-gauge, andromeda-waveform, andromeda-media-card, andromeda-data-table, andromeda-music-player, andromeda-mission-control, andromeda-service-order, andromeda-resource-planning, andromeda-signal-room, andromeda-all

Preview

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.

@aicanvas · ai-job-cards

npx shadcn@latest add https://aicanvas.me/r/ai-job-cards.json
View source