Animated components
@catalogs
Animated components · data updated 2026-10-10
Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project.
accessibilityanimationaudioauthbackgroundsblockscardschartsformsmapsmediaoverlaysretrotext-effects
Install
npx shadcn@latest add https://api.catalogs.dev/shadcn/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (2910)
alamenai/animated-circlealamenai/animated-footprintalamenai/animated-polygonalamenai/animated-pulsealamenai/arc-animatedalamenai/blur-areaalamenai/camera-followalamenai/choroplethalamenai/circlealamenai/circle-clusteralamenai/comparealamenai/compassalamenai/controlsalamenai/cyclonealamenai/explosionalamenai/firealamenai/gridalamenai/imagealamenai/lightningalamenai/linealamenai/line-animatedalamenai/line-radialalamenai/map/mapboxalamenai/markeralamenai/marker-animatedalamenai/meteoralamenai/mini-mapalamenai/music-discalamenai/polygonalamenai/popupalamenai/radaralamenai/rainalamenai/raster-videoalamenai/sandstormalamenai/snowalamenai/steamalamenai/syncalamenai/targeting-reticlealamenai/tsunamialamenai/watermarkanmolsaini16/analytics-cardanmolsaini16/analytics-mapanmolsaini16/choroplethanmolsaini16/delivery-trackeranmolsaini16/heatmapanmolsaini16/logistics-networkanmolsaini16/mapanmolsaini16/store-locatoranmolsaini16/uptime-monitorbklit/area-chartbklit/backgroundbklit/bar-chartbklit/bar-depthbklit/candlestick-chartbklit/chart-contextbklit/chart-tooltipbklit/choropleth-chartbklit/composed-chartbklit/funnel-chartbklit/gauge-chart
Components: alamenai/animated-circle, alamenai/animated-footprint, alamenai/animated-polygon, alamenai/animated-pulse, alamenai/arc-animated, alamenai/blur-area, alamenai/camera-follow, alamenai/choropleth, alamenai/circle, alamenai/circle-cluster, alamenai/compare, alamenai/compass, alamenai/controls, alamenai/cyclone, alamenai/explosion, alamenai/fire, alamenai/grid, alamenai/image, alamenai/lightning, alamenai/line, alamenai/line-animated, alamenai/line-radial, alamenai/map/mapbox, alamenai/marker, alamenai/marker-animated, alamenai/meteor, alamenai/mini-map, alamenai/music-disc, alamenai/polygon, alamenai/popup, alamenai/radar, alamenai/rain, alamenai/raster-video, alamenai/sandstorm, alamenai/snow, alamenai/steam, alamenai/sync, alamenai/targeting-reticle, alamenai/tsunami, alamenai/watermark, anmolsaini16/analytics-card, anmolsaini16/analytics-map, anmolsaini16/choropleth, anmolsaini16/delivery-tracker, anmolsaini16/heatmap, anmolsaini16/logistics-network, anmolsaini16/map, anmolsaini16/store-locator, anmolsaini16/uptime-monitor, bklit/area-chart, bklit/background, bklit/bar-chart, bklit/bar-depth, bklit/candlestick-chart, bklit/chart-context, bklit/chart-tooltip, bklit/choropleth-chart, bklit/composed-chart, bklit/funnel-chart, bklit/gauge-chart, bklit/grid, bklit/heatmap-chart, bklit/legend, bklit/line-chart, bklit/live-line-chart, bklit/markers, bklit/pie-chart, bklit/profit-loss-line, bklit/projection-line, bklit/radar-chart, bklit/reference-area, bklit/ring-chart, bklit/sankey-chart, bklit/scatter-chart, bklit/stat-card-area-01, bklit/stat-card-choropleth-01, bklit/stat-card-line-01, bklit/sunburst-chart, bklit/x-axis, bklit/y-axis, danielpetho/animated-gradient-with-svg, danielpetho/basic-number-ticker, danielpetho/box-carousel, danielpetho/breathing-text, danielpetho/circling-elements, danielpetho/css-box, danielpetho/cursor-attractor-and-gravity, danielpetho/drag-elements, danielpetho/elastic-line, danielpetho/element-along-svg-path, danielpetho/float, danielpetho/gooey-svg-filter, danielpetho/gravity, danielpetho/image-trail, danielpetho/letter-3d-swap, danielpetho/letter-swap-forward-anim, danielpetho/letter-swap-pingpong-anim, danielpetho/marquee-along-svg-path, danielpetho/media-between-text, danielpetho/parallax-floating, danielpetho/pixel-trail, danielpetho/pixelate-svg-filter, danielpetho/random-letter-swap-forward-anim, danielpetho/random-letter-swap-pingpong-anim, danielpetho/scramble-hover, danielpetho/scramble-in, danielpetho/screensaver, danielpetho/scroll-and-swap-text, danielpetho/simple-marquee, danielpetho/stacking-cards, danielpetho/text-along-path, danielpetho/text-cursor-proximity, danielpetho/text-highlighter, danielpetho/text-rotate, danielpetho/typewriter, danielpetho/underline-center, danielpetho/underline-comes-in-goes-out, danielpetho/underline-goes-out-comes-in, danielpetho/underline-to-background, danielpetho/variable-font-and-cursor, danielpetho/variable-font-cursor-proximity, danielpetho/variable-font-hover-by-letter, danielpetho/variable-font-hover-by-random-letter, danielpetho/vertical-cut-reveal, davidhdev/asciify/react, davidhdev/bend/react, davidhdev/blaze/react, davidhdev/bubble/react, davidhdev/cloth/react, davidhdev/clouds/react, davidhdev/dithered-object/react, davidhdev/droplets/react, davidhdev/glass-object/react, davidhdev/glass/react, davidhdev/glitch/react, davidhdev/grid/react, davidhdev/hex-float/react, davidhdev/laser/react, davidhdev/liquid/react, davidhdev/magnify/react, davidhdev/particle-object/react, davidhdev/particle-reveal/react, davidhdev/particle-scroll/react, davidhdev/peel/react, davidhdev/retro-dither/react, davidhdev/ripple/react, davidhdev/shatter/react, davidhdev/vhs/react, educlopez/agent-avatar, educlopez/announcement-bar, educlopez/anomaly-banner, educlopez/arrival-panel, educlopez/avatar-group, educlopez/beam-marker, educlopez/bento-grid, educlopez/boot-sequence, educlopez/breadcrumb-nav, educlopez/changelog, educlopez/chip, educlopez/circuit-background, educlopez/command-menu, educlopez/comparison-table, educlopez/countdown, educlopez/crt-effect, educlopez/cta-banner, educlopez/data-card, educlopez/data-stream, educlopez/data-table, educlopez/derez-timer, educlopez/diagnostics-panel, educlopez/divider, educlopez/dropdown, educlopez/empty-state, educlopez/energy-meter, educlopez/faq, educlopez/feature-card, educlopez/file-upload, educlopez/floating-panel, educlopez/gauge, educlopez/glow-container, educlopez/grid-scan-overlay, educlopez/heatmap, educlopez/hud-corner-frame, educlopez/hud-frame, educlopez/identity-disc, educlopez/kanban-board, educlopez/location-display, educlopez/logo-cloud, educlopez/marquee, educlopez/modal, educlopez/notification, educlopez/number-input, educlopez/pricing-card, educlopez/progress-bar, educlopez/progress-ring, educlopez/radar, educlopez/rating, educlopez/regen-indicator, educlopez/reticle, educlopez/sidebar, educlopez/signal-indicator, educlopez/sparkline, educlopez/speed-indicator, educlopez/stat, educlopez/stat-card, educlopez/stats-counter, educlopez/status-bar, educlopez/stepper, educlopez/tag, educlopez/terminal, educlopez/testimonial-card, educlopez/text-input, educlopez/thegridcn-alert, educlopez/thegridcn-badge, educlopez/thegridcn-pagination, educlopez/thegridcn-select, educlopez/thegridcn-skeleton, educlopez/thegridcn-slider, educlopez/thegridcn-tabs, educlopez/thegridcn-timeline, educlopez/thegridcn-toggle, educlopez/thegridcn-tooltip, educlopez/timeline-bar, educlopez/timer, educlopez/toast, educlopez/tunnel, educlopez/uplink-header, educlopez/video-player, educlopez/video-progress, educlopez/waveform, ekmas/accordion, ekmas/alert, ekmas/alert-dialog, ekmas/attachment, ekmas/avatar, ekmas/badge, ekmas/breadcrumb, ekmas/bubble, ekmas/button, ekmas/button-group, ekmas/calendar, ekmas/card, ekmas/carousel, ekmas/chart, ekmas/checkbox, ekmas/collapsible, ekmas/command, ekmas/context-menu, ekmas/dialog, ekmas/direction, ekmas/drawer, ekmas/dropdown-menu, ekmas/empty, ekmas/field, ekmas/form, ekmas/hover-card, ekmas/image-card, ekmas/input, ekmas/input-group, ekmas/input-otp, ekmas/item, ekmas/kbd, ekmas/label, ekmas/marker, ekmas/marquee, ekmas/menubar, ekmas/message, ekmas/message-scroller, ekmas/native-select, ekmas/navigation-menu, ekmas/pagination, ekmas/popover, ekmas/progress, ekmas/questionnaire, ekmas/radio-group, ekmas/resizable, ekmas/s1, ekmas/s10, ekmas/s11, ekmas/s12, ekmas/s13, ekmas/s14, ekmas/s15, ekmas/s16, ekmas/s17, ekmas/s18, ekmas/s19, ekmas/s2, ekmas/s20, ekmas/s21, ekmas/s22, ekmas/s23, ekmas/s24, ekmas/s25, ekmas/s26, ekmas/s27, ekmas/s28, ekmas/s29, ekmas/s3, ekmas/s30, ekmas/s31, ekmas/s32, ekmas/s33, ekmas/s34, ekmas/s35, ekmas/s36, ekmas/s37, ekmas/s38, ekmas/s39, ekmas/s4, ekmas/s40, ekmas/s5, ekmas/s6, ekmas/s7, ekmas/s8, ekmas/s9, ekmas/scroll-area, ekmas/select, ekmas/sheet, ekmas/sidebar, ekmas/skeleton, ekmas/slider, ekmas/spinner, ekmas/switch, ekmas/table, ekmas/tabs, ekmas/textarea, ekmas/theme-amber, ekmas/theme-amber-duotone, ekmas/theme-blue, ekmas/theme-cyan, ekmas/theme-cyan-duotone, ekmas/theme-emerald, ekmas/theme-emerald-duotone, ekmas/theme-fuchsia, ekmas/theme-fuchsia-duotone, ekmas/theme-green, ekmas/theme-green-duotone, ekmas/theme-indigo, ekmas/theme-lime, ekmas/theme-lime-duotone, ekmas/theme-orange, ekmas/theme-orange-duotone, ekmas/theme-pink, ekmas/theme-purple, ekmas/theme-red, ekmas/theme-red-duotone, ekmas/theme-rose, ekmas/theme-rose-duotone, ekmas/theme-sky, ekmas/theme-sky-duotone, ekmas/theme-teal, ekmas/theme-teal-duotone, ekmas/theme-violet, ekmas/theme-violet-duotone, ekmas/theme-yellow, ekmas/theme-yellow-duotone, ekmas/toast, ekmas/toggle, ekmas/toggle-group, ekmas/tooltip, elevenlabs/audio-player, elevenlabs/bar-visualizer, elevenlabs/conversation, elevenlabs/conversation-bar, elevenlabs/live-waveform, elevenlabs/matrix, elevenlabs/message, elevenlabs/mic-selector, elevenlabs/music-player-01, elevenlabs/music-player-02, elevenlabs/orb, elevenlabs/pong-01, elevenlabs/realtime-transcriber-01, elevenlabs/response, elevenlabs/scrub-bar, elevenlabs/shimmering-text, elevenlabs/speaker-01, elevenlabs/speech-input, elevenlabs/transcriber-01, elevenlabs/transcript-viewer, elevenlabs/voice-button, elevenlabs/voice-chat-01, elevenlabs/voice-chat-02, elevenlabs/voice-chat-03, elevenlabs/voice-form-01, elevenlabs/voice-nav-01, elevenlabs/voice-picker, elevenlabs/waveform, expo/alert-swiftui, expo/alertdialog-compose, expo/badge-compose, expo/badgedbox-compose, expo/basicalertdialog-compose, expo/bottomsheet-compose, expo/bottomsheet-swiftui, expo/bottomsheet-universal, expo/box-compose, expo/button-compose, expo/button-swiftuiPreview
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.
@catalogs · alamenai/animated-circle
npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-circle.jsonView source