ActiveAnimated componentspro available2
@karaui
Animated components · MIT · data updated 2026-10-20
Animated React components, AI agent interfaces and app blocks built with Motion and Tailwind CSS, with ten switchable design styles.
aianimationaudiobackgroundsblocksbuttonscardschartsdashboardeditorformsloadersmapsmedianavigationonboardingoverlayspro-availabletablestext-effectstheming
Install
npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/registry.jsonHealth
StatusActive
Last commit4 days ago
LicenseMIT
Open issues0
ArchivedNo
Stars2
Components (213)
tilt-cardbutton-basebutton-statefulbutton-magneticexpanding-arrow-buttonhold-action-buttonslide-action-buttonmarqueetabsswitchinputselectselect-morphcomboboxcheckboxradiobottom-sheetpull-to-refreshshared-layout-bgbounce-sidebaranimated-sidebarpreview-raildocktooltipcontext-menupopoverpopover-morphmorphing-modalcenter-morph-modaltext-scramblechromatic-text-revealtext-revealtext-shimmertext-cascadenumber-tickeranimated-numberanimated-badgeaction-swap-cascadeaction-swap-bluraction-swap-rollanimated-toast-stacktoast-promisetheme-togglebouncy-accordiondrawersmooth-scrollscroll-progressparallaxscroll-toscroll-revealrange-sliderrange-slider-fluidrange-slider-waverange-slider-bubblerange-slider-rulerwheel-pickerchart-areachart-barchart-linechart-donut
Components: tilt-card, button-base, button-stateful, button-magnetic, expanding-arrow-button, hold-action-button, slide-action-button, marquee, tabs, switch, input, select, select-morph, combobox, checkbox, radio, bottom-sheet, pull-to-refresh, shared-layout-bg, bounce-sidebar, animated-sidebar, preview-rail, dock, tooltip, context-menu, popover, popover-morph, morphing-modal, center-morph-modal, text-scramble, chromatic-text-reveal, text-reveal, text-shimmer, text-cascade, number-ticker, animated-number, animated-badge, action-swap-cascade, action-swap-blur, action-swap-roll, animated-toast-stack, toast-promise, theme-toggle, bouncy-accordion, drawer, smooth-scroll, scroll-progress, parallax, scroll-to, scroll-reveal, range-slider, range-slider-fluid, range-slider-wave, range-slider-bubble, range-slider-ruler, wheel-picker, chart-area, chart-bar, chart-line, chart-donut, chart-radial, sparkline, chart-heatmap, chart-gauge, chart-funnel, sortable-list, tree-view, resizable-panels, image-compare, timeline, tag-input, color-picker, rating, number-stepper, pagination, copy-button, carousel, markdown-editor, tour, avatar-group, dropdown-menu, hover-card, kbd, dialog, alert, progress, skeleton, empty-state, breadcrumb, segmented-control, multi-select, phone-input, password-input, textarea, inline-edit, toggle-group, card, scroll-area, collapsible, accordion, menubar, badge, stepper, date-picker, calendar, date-range-picker, booking-calendar, time-picker, date-time-picker, month-picker, table, table-editable, table-async, table-advanced, shader-background, cylinder-carousel, loader, voice-input, message-bubble, message, message-scroller, prompt-input, todo-list, code-block, approval-card, file-diff, tool-result, streaming-response, image-generation, tool-approval, citations, agent-activity, reasoning-text, thinking-shimmer, agent-progress, model-selector, context-meter, prompt-suggestions, message-actions, branch-navigator, conversation-history, artifact-panel, voice-orb, ai-sidebar, chat-app, inbox-app, music-player, file-manager, dashboard-shell, comparison-table, feature-section, blog-list, status-page, changelog, roadmap, login-form, settings-page, contact-form, checkout, invoice, onboarding-checklist, cta-section, logo-cloud, how-it-works, integrations-section, image-gallery, newsletter-section, team-section, content-section, audit-trail, approval-queue, log-explorer, performance-report, cookie-consent, navigation-menu, bento-grid, stat-card, notification-center, faq-section, testimonial-wall, hero-section, footer-section, event-calendar, pricing-table, kanban-board, infinite-masonry, notification-stack, project-folder, knockout-wheel, knockout-bracket, availability-scheduler, swap, dynamic-island, command-palette, morphing-search, expandable-action-bar, overflow-actions, expandable-tabs, morphing-tabs, swipeable-list, attachment-upload, file-upload, prediction-market, wallet-card, otp-input, signup-form, bloom-menu, feedback-widget, not-found-glitch, not-found-magnetic, not-found-spotlight, not-found-stacked, not-found-terminalPreview
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.
@karaui · tilt-card
npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tilt-card.jsonView source