ActiveAnimated componentspro available76
@xevrion
Animated components · MIT · data updated 2026-10-10
A lab of small, crafted interaction experiments for React, built with Tailwind CSS v4 and Motion. Buttons, inputs, cards and playful objects, each with a live demo.
3danimationauthblocksbuttonscardschartsdashboardeditorformsiconsloadersmapsmedianavigationonboardingoverlayspro-availabletablestext-effectstheming
Install
npx shadcn@latest add https://lab.xevrion.dev/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues2
ArchivedNo
Stars76
Components (204)
odometerhold-to-deletesegmented-controltilt-carddocksheettoast-stackelastic-slidermagnetic-buttontext-scrambleswipe-deckscroll-revealcopy-buttonexpanding-searchaccordionexpanding-cardotp-inputtoggle-switchcommand-palettemarqueereorder-listcompare-slidermulti-step-formupload-buttontooltip-groupdropdown-menudynamic-islandscrub-inputstar-ratinglike-buttonsliding-tabspage-dotscollapsible-sidebarsnap-carouselskeleton-loadercontext-menunotification-bellavatar-stackmorphing-buttonkanban-boardcolor-swatchesmini-calendarfloating-labelpassword-fieldfilter-listgaugesparklinebar-chartstacked-drawerconfetti-buttontypewritertag-inputrange-slidernumber-stepperselect-menuundo-toastfile-dropzonechat-threadloader-setwheel-picker
Components: odometer, hold-to-delete, segmented-control, tilt-card, dock, sheet, toast-stack, elastic-slider, magnetic-button, text-scramble, swipe-deck, scroll-reveal, copy-button, expanding-search, accordion, expanding-card, otp-input, toggle-switch, command-palette, marquee, reorder-list, compare-slider, multi-step-form, upload-button, tooltip-group, dropdown-menu, dynamic-island, scrub-input, star-rating, like-button, sliding-tabs, page-dots, collapsible-sidebar, snap-carousel, skeleton-loader, context-menu, notification-bell, avatar-stack, morphing-button, kanban-board, color-swatches, mini-calendar, floating-label, password-field, filter-list, gauge, sparkline, bar-chart, stacked-drawer, confetti-button, typewriter, tag-input, range-slider, number-stepper, select-menu, undo-toast, file-dropzone, chat-thread, loader-set, wheel-picker, slide-to-confirm, pull-to-refresh, hover-card, tree-view, pricing-toggle, reading-progress, code-block, wave-text, dot-grid, spotlight-card, story-progress, data-table, combobox, date-range-picker, inline-edit, dialog, pagination, announcement-banner, shortcut-sheet, spring-playground, easing-editor, stagger-visualizer, onboarding-checklist, flip-card, icon-morph, sticky-stack, infinite-canvas, drag-select, sortable-grid, magnet-lines, morphing-nav, color-picker, card-input, radio-cards, checkbox-group, progress-stepper, promise-toast, confirm-popover, activity-timeline, breadcrumbs, overflow-tabs, tab-bar, selection-toolbar, carousel-3d, lens-reveal, elastic-string, particle-text, theme-toggle, bookmark-button, send-button, download-button, contribution-heatmap, donut-chart, stat-counter, leaderboard, rotary-dial, tape-measure, pull-cord-switch, combination-lock, rubber-stamp, sticky-note-peel, receipt-printer, tear-off-calendar, balance-scale, tally-counter, ink-well, typing-seismograph, envelope-send, paper-shredder, tip-jar, zipper-reveal, cassette-scrubber, bubble-wrap, sundial-picker, folded-map, scroll-spine, availability-badge, sidenotes, footer-signature, changelog-stack, pricing-calculator, feature-spotlight, testimonial-highlight, waitlist-join, cookie-consent, email-typo-fix, coupon-code, code-morph, image-hotspots, quote-share, waveform-player, size-picker, order-tracker, gift-wrap, store-hours, word-rotator, keycap-hint, caps-lock-warning, eye-toggle, relative-time, copy-email, directional-underline, hover-preview-link, scribble-checkbox, focus-paragraph, text-progress, spoiler-text, badge-counter, star-button, follow-button, live-indicator, mini-clock, pixel-loader, greeting, arrow-callout, voice-orb, call-widget, logo-orbit, now-playing, uptime-bar, helpful-prompt, back-to-top, share-button, autosave-status, reactions, shortcut-recorder, storage-meter, status-picker, mood-slider, signature-pad, card-number-reveal, sidebar-highlight, payment-card, sidebar-submenu, floating-action-menu, push-lock-button, qr-reveal, wallet-cards, clock-field, x-walkers, glass-lens, orbit-gallery, binary-year, gooey-menuPreview
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.