ActiveAnimated components4
@watermelon
Animated components · MIT · data updated 2026-10-10
Free, open-source React components, animated interactions, blocks, dashboards, and templates for shadcn/ui projects. Install with the shadcn CLI and own the source.
animationblocksbuttonscardscryptodashboardformsmedianavigationonboardingoverlaystables
Install
npx shadcn@latest add https://registry.watermelon.sh/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues1
ArchivedNo
Stars4
Components (1178)
inline-disclosure-menuinline-disclosure-menu-baseaave-swap-componentaave-swap-component-baseactivities-cardactivities-card-baseadaptive-slideradaptive-slider-baseadd-cash-disclosureadd-cash-disclosure-basebudget-cardbudget-card-basecalendar-widgetcalendar-widget-basecard-cuecard-cue-basecard-split-accordiancard-split-accordian-basecard-swipecard-swipe-basecarousel-navigatorcarousel-navigator-basecarousel-slidercarousel-slider-basechangeable-pricing-sectionchangeable-pricing-section-basecollection-grid-disclosurecollection-grid-disclosure-basecommand-searchcommand-search-basecompose-email-cardcompose-email-card-basecontextual-ai-barcontextual-ai-bar-basecontinuous-paginationcontinuous-pagination-basecontinuous-tabscontinuous-tabs-basecopy-confirmcopy-confirm-basecreate-communitycreate-community-basecreate-new-disclosurecreate-new-disclosure-basecredit-usage-cardcredit-usage-card-basedeployment-carddeployment-card-basedialog-stackdialog-stack-basediscrete-tabsdiscrete-tabs-basedockdock-basedraw-signaturedraw-signature-basedropdown-disclosuredropdown-disclosure-baseedit-badgeedit-badge-base
Components: inline-disclosure-menu, inline-disclosure-menu-base, aave-swap-component, aave-swap-component-base, activities-card, activities-card-base, adaptive-slider, adaptive-slider-base, add-cash-disclosure, add-cash-disclosure-base, budget-card, budget-card-base, calendar-widget, calendar-widget-base, card-cue, card-cue-base, card-split-accordian, card-split-accordian-base, card-swipe, card-swipe-base, carousel-navigator, carousel-navigator-base, carousel-slider, carousel-slider-base, changeable-pricing-section, changeable-pricing-section-base, collection-grid-disclosure, collection-grid-disclosure-base, command-search, command-search-base, compose-email-card, compose-email-card-base, contextual-ai-bar, contextual-ai-bar-base, continuous-pagination, continuous-pagination-base, continuous-tabs, continuous-tabs-base, copy-confirm, copy-confirm-base, create-community, create-community-base, create-new-disclosure, create-new-disclosure-base, credit-usage-card, credit-usage-card-base, deployment-card, deployment-card-base, dialog-stack, dialog-stack-base, discrete-tabs, discrete-tabs-base, dock, dock-base, draw-signature, draw-signature-base, dropdown-disclosure, dropdown-disclosure-base, edit-badge, edit-badge-base, edit-profile, edit-profile-base, editable-chip, editable-chip-base, emoji-spree-choice-chips, emoji-spree-choice-chips-base, event-reminders, event-reminders-base, expand-details, expand-details-base, expandable-event-card, expandable-event-card-base, expandable-profile-card, expandable-profile-card-base, extended-toolbar, extended-toolbar-base, family-receive-button, family-receive-button-base, family-wallet, family-wallet-base, feature-tour, feature-tour-base, feedback-action, feedback-action-base, feedback, feedback-base, filter-disclosure, filter-disclosure-base, floating-disclosure, floating-disclosure-base, floating-input, floating-input-base, fluid-tabs, fluid-tabs-base, fractional-picker, fractional-picker-base, frequency-selector, frequency-selector-base, fund-widget, fund-widget-base, gooey-menu, gooey-menu-base, inline-action, inline-action-base, inline-edit, inline-edit-base, inline-overflow, inline-overflow-base, inline-table-control, inline-table-control-base, inline-toast, inline-toast-base, integration-card, integration-card-base, invite-disclosure, invite-disclosure-base, journal-navigation, journal-navigation-base, knob-slider, knob-slider-base, labeled-progress-indicator, labeled-progress-indicator-base, layered-progressive-disclosure, layered-progressive-disclosure-base, licence-key, licence-key-base, list-stack, list-stack-base, macos-sidebar, macos-sidebar-base, meeting-card, meeting-card-base, minimal-carousel, minimal-carousel-base, morphing-button, morphing-button-base, morphing-discovery-bar, morphing-discovery-bar-base, morphing-sidebar-controls, morphing-sidebar-controls-base, onboarding-checklist, onboarding-checklist-base, onboarding-screen, onboarding-screen-base, onboarding-setup, onboarding-setup-base, pagination, pagination-base, pin-item, pin-item-base, pop-stepper, pop-stepper-base, predictive-text, predictive-text-base, pricing-widget, pricing-widget-base, profile-card, profile-card-base, progressive-input-stack, progressive-input-stack-base, quick-feedback, quick-feedback-base, quick-option-picker, quick-option-picker-base, quick-paste, quick-paste-base, quick-switcher, quick-switcher-base, radial-carousel, radial-carousel-base, range-selection-slider, range-selection-slider-base, returns-calculator-snippet, returns-calculator-snippet-base, reveal-copy, reveal-copy-base, revealing-cards, revealing-cards-base, run-action-button, run-action-button-base, run-widget, run-widget-base, save-toggle, save-toggle-base, schedule-button, schedule-button-base, schedule-date, schedule-date-base, scroll-island, scroll-island-base, scrub-slider, scrub-slider-base, select-ai-agent, select-ai-agent-base, send-money, send-money-base, share-sheet, share-sheet-base, shimmer-button, shimmer-button-base, show-qr, show-qr-base, shuffle-pinned-item, shuffle-pinned-item-base, slot-picker, slot-picker-base, split-actions, split-actions-base, split-button, split-button-base, split-to-edit, split-to-edit-base, status-picker, status-picker-base, step-indicator, step-indicator-base, step-pager, step-pager-base, stepper, stepper-base, subscription-calendar, subscription-calendar-base, swap-currency-card, swap-currency-card-base, swap-form, swap-form-base, switch-disclosure, switch-disclosure-base, switch-mode, switch-mode-base, tags, tags-base, task-widget-disclosure, task-widget-disclosure-base, time-undo-action, time-undo-action-base, tooltip-navbar, tooltip-navbar-base, trade-summary, trade-summary-base, transaction-list, transaction-list-base, tree-menu, tree-menu-base, uniswap-dialog, uniswap-dialog-base, vertical-tooltip-navbar, vertical-tooltip-navbar-base, view-on-map, view-on-map-base, voice-chat-disclosure, voice-chat-disclosure-base, voice-note, voice-note-base, voice-transcribe, voice-transcribe-base, waveform-scrub, waveform-scrub-base, weight-widget, weight-widget-base, wiggling-cards, wiggling-cards-base, accordion-1, accordion-2, accordion-3, accordion-4, accordion-5, accordion-6, accordion-7, accordion-8, accordion-9, accordion-10, accordion-11, accordion-12, accordion-13, accordion-14, accordion-15, accordion-16, alert-1, alert-2, alert-3, alert-4, alert-5, alert-6, alert-7, alert-8, alert-9, alert-10, alert-11, alert-12, alert-13, alert-14, alert-15, alert-16, alert-17, alert-18, alert-19, alert-20, alert-21, alert-22, alert-23, alert-24, alert-25, alert-26, alert-27, alert-28, alert-29, alert-30, avatar-1, avatar-2, avatar-3, avatar-4, avatar-5, avatar-6, avatar-7, avatar-8, avatar-9, avatar-10, avatar-11, avatar-12, avatar-13, avatar-14, avatar-15, avatar-16, avatar-17, avatar-18, avatar-19, avatar-20, avatar-21, badge-1, badge-2, badge-3, badge-4, badge-5, badge-6, badge-7, badge-8, badge-9, badge-10, badge-11, badge-12, badge-13, badge-14, badge-15, badge-16, badge-17, badge-18, badge-19, badge-20, badge-21, badge-22, badge-23, badge-24, breadcrumb-1, breadcrumb-2, breadcrumb-3, breadcrumb-4, breadcrumb-5, breadcrumb-6, breadcrumb-7, breadcrumb-8, button-1, button-2, button-3, button-4, button-5, button-6, button-7, button-8, button-9, button-10, button-11, button-12, button-13, button-14, button-15, button-16, button-17, button-18, button-19, button-20, button-21, button-22, button-23, button-24, button-25, button-26, button-27, button-28, button-29, button-30, button-31, button-32, button-33, button-34, button-35, button-36, button-37, button-38, button-group-1Preview
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.
@watermelon · inline-disclosure-menu
npx shadcn@latest add https://registry.watermelon.sh/r/inline-disclosure-menu.jsonView source