ActiveAnimated componentspro available0
@viberdy
Animated components · data updated 2026-10-27
Animated React and Tailwind components in 14 design styles, from glassmorphism and aurora to kinetic type and dither, each with an AI prompt. 161 are free with source at github.com/viberdy-dev/ui; Pro items need an API key.
3daianimationaudioauthbackgroundsblocksbuttonscardsdeveloper-toolsformsglassmorphismiconsloadersmarketingmedianavigationoverlayspro-availabletablestext-effectstheming
Install
npx shadcn@latest add https://viberdy.dev/r/registry.jsonHealth
StatusActive
Last commit2 days ago
License—
Open issues0
ArchivedNo
Stars0
Components (181)
magnetic-buttonstacked-type-herotilt-cardmarquee-tickerspotlight-gridgrain-overlayscramble-textswipe-card-stackodometer-counterconfetti-buttontoast-stackskeleton-shimmerprogress-ringrange-sliderflip-cardtypewriter-textsticky-scroll-stackmagnetic-nav-dockanimated-checkboximage-comparison-sliderripple-click-effectfloating-label-inputanimated-tabs-indicatorgradient-border-beammorphing-hamburger-iconglitch-text-hoverliquid-blob-cursorexpandable-search-barcard-carousel-3ddraggable-sortable-liststar-rating-interactiverotating-word-swapdraggable-bottom-sheetpricing-toggle-switchcommand-palettefile-upload-dropzonesegmented-controlvertical-timeline-revealcopy-code-snippetanimated-stat-gridaudio-wave-visualizerkanban-drag-columnstestimonial-carouselhide-on-scroll-navbartheme-toggle-sun-moon-morphscroll-linked-image-mask-revealsearchable-faq-accordionmasonry-image-hover-gridshare-button-expandpage-loading-barbadge-ping-countercursor-crosshair-readoutcursor-label-followercursor-lens-magnifiercursor-snap-targethover-slice-shearhover-link-peekhover-stroke-draw-buttonhover-expand-panelsbeam-sweep-backdrop
Components: magnetic-button, stacked-type-hero, tilt-card, marquee-ticker, spotlight-grid, grain-overlay, scramble-text, swipe-card-stack, odometer-counter, confetti-button, toast-stack, skeleton-shimmer, progress-ring, range-slider, flip-card, typewriter-text, sticky-scroll-stack, magnetic-nav-dock, animated-checkbox, image-comparison-slider, ripple-click-effect, floating-label-input, animated-tabs-indicator, gradient-border-beam, morphing-hamburger-icon, glitch-text-hover, liquid-blob-cursor, expandable-search-bar, card-carousel-3d, draggable-sortable-list, star-rating-interactive, rotating-word-swap, draggable-bottom-sheet, pricing-toggle-switch, command-palette, file-upload-dropzone, segmented-control, vertical-timeline-reveal, copy-code-snippet, animated-stat-grid, audio-wave-visualizer, kanban-drag-columns, testimonial-carousel, hide-on-scroll-navbar, theme-toggle-sun-moon-morph, scroll-linked-image-mask-reveal, searchable-faq-accordion, masonry-image-hover-grid, share-button-expand, page-loading-bar, badge-ping-counter, cursor-crosshair-readout, cursor-label-follower, cursor-lens-magnifier, cursor-snap-target, hover-slice-shear, hover-link-peek, hover-stroke-draw-button, hover-expand-panels, beam-sweep-backdrop, pointer-warp-dot-field, crt-scanline-overlay, weight-wave-text, extruded-type-tilt, morphing-island-notch, pointer-parallax-scene, flip-grid-reorder, scroll-card-deal, velocity-marquee-rail, path-follow-scroll, drag-inertia-carousel, fuzzy-match-input, cursor-mask-reveal, ascii-halftone-canvas, scrub-timeline-player, otp-code-input, concrete-wall-texture, signal-field, marker-highlight-text, window-light-drift, swatch-fan-deck, hours-poster-section, headline-switch-hero, liquid-glass-button, liquid-glass-switch, glass-etch-text, glass-focus-field, glass-morph-popover, glass-tint-footer, hairline-tile-button, spec-numeral-tile, bento-command-nav, capture-loop-card, bento-footer-grid, widget-reorder-input, pushed-shadow-button, offset-shadow-card, weight-slam-text, black-border-form, punch-card-field, warning-tape-footer, orbit-light-button, pointer-lit-card, slit-light-heading, deploy-log-input, horizon-light-footer, beam-connector, chrome-pill-button, holo-ticket-card, pour-fill-heading, chrome-rim-input, mercury-pour-nav, chrome-pour-reveal, soft-glow-button, halo-treatment-card, veil-resolve-heading, aura-booking-picker, dusk-set-footer, breath-pacer-ring, aurora-glow-button, aurora-rim-card, aurora-drift-text, aurora-flow-nav, aurora-ribbon-cursor, aurora-glow-input, axis-press-button, axis-session-card, axis-scrub-heading, axis-flow-nav, glyph-axis-stagger, name-badge-input, keycap-button, extruded-spec-card, anamorphic-heading, curved-rail-nav, assemble-reveal, detent-dial-input, bayer-fill-button, dither-develop-card, ascii-resolve-heading, ascii-density-nav, bayer-dissolve, dither-drop-input, weight-press-button, light-lift-card, sundial-shadow-heading, hairline-morph-nav, scrub-mask-reveal, wake-time-wheel, squash-press-button, wobble-drop-card, squish-letter-heading, taffy-pill-nav, squish-flip, gummy-type-input, offset-target-button, z-swap-plate-card, edge-invert-headline, index-step-nav, rule-handoff-flip, hanging-label-input, aura-dial, density-ledger, bell-breath-loader, bead-button, holo-site-footer, asterisk-type-headline, holo-pill-nav, asterisk-submit-input, ultra-pill-nav, ultra-site-footer, levitating-link-nav, contrary-shadow-section, levitating-field-input, flight-manifest, hold-to-ignite-button, heat-haze-heading, hi-vis-nav, ardent-footer, hazard-tape-marquee, hot-fire-request-formPreview
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.
@viberdy · magnetic-button
npx shadcn@latest add https://viberdy.dev/r/magnetic-button.jsonView source