sh4dcnv2 · atlas
← libraries

@watermelon

Free, open-source React components, animated interactions, blocks, dashboards, and templates for shadcn/ui projects. Install with the shadcn CLI and own the source.

250 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://registry.watermelon.sh/r/registry.json
pnpm pnpm dlx shadcn@latest add https://registry.watermelon.sh/r/registry.json
bun bunx shadcn@latest add https://registry.watermelon.sh/r/registry.json
fetch registry curl -s https://registry.watermelon.sh/r/registry.json

Components

250 total
Inline Disclosure Menu component

An animated inline action menu with contextul Options and a two-step delete confirmation flow.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-disclosure-menu.json
Inline Disclosure Menu (base) component

Theme-ready base variant of An animated inline action menu with contextul Options and a two-step delete confirmation flow..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-disclosure-menu-base.json
Aave Swap Component component

Interactive cryptocurrency exchange interface with animated number inputs and value calculations.

npx shadcn@latest add https://registry.watermelon.sh/r/aave-swap-component.json
Aave Swap Component (base) component

Theme-ready base variant of Interactive cryptocurrency exchange interface with animated number inputs and value calculations..

npx shadcn@latest add https://registry.watermelon.sh/r/aave-swap-component-base.json
Activities Card component

An expandable activities card with smooth spring animations and a premium 3D header aesthetic.

npx shadcn@latest add https://registry.watermelon.sh/r/activities-card.json
Activities Card (base) component

Theme-ready base variant of An expandable activities card with smooth spring animations and a premium 3D header aesthetic..

npx shadcn@latest add https://registry.watermelon.sh/r/activities-card-base.json
Adaptive Slider component

A smooth, color-shifting slider with caloric value tracking.

npx shadcn@latest add https://registry.watermelon.sh/r/adaptive-slider.json
Adaptive Slider (base) component

Theme-ready base variant of A smooth, color-shifting slider with caloric value tracking..

npx shadcn@latest add https://registry.watermelon.sh/r/adaptive-slider-base.json
Add Cash Disclosure component

Disclosure panel explaining add-cash details, limits, fees, and confirmation.

npx shadcn@latest add https://registry.watermelon.sh/r/add-cash-disclosure.json
Add Cash Disclosure (base) component

Theme-ready base variant of Disclosure panel explaining add-cash details, limits, fees, and confirmation..

npx shadcn@latest add https://registry.watermelon.sh/r/add-cash-disclosure-base.json
Budget Card component

Budget overview card tracking spending, limits, and remaining balance.

npx shadcn@latest add https://registry.watermelon.sh/r/budget-card.json
Budget Card (base) component

Theme-ready base variant of Budget overview card tracking spending, limits, and remaining balance..

npx shadcn@latest add https://registry.watermelon.sh/r/budget-card-base.json
Calendar Widget component

An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction.

npx shadcn@latest add https://registry.watermelon.sh/r/calendar-widget.json
Calendar Widget (base) component

Theme-ready base variant of An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction..

npx shadcn@latest add https://registry.watermelon.sh/r/calendar-widget-base.json
Card Cue component

Interactive micro-interaction component.

npx shadcn@latest add https://registry.watermelon.sh/r/card-cue.json
Card Cue (base) component

Theme-ready base variant of Interactive micro-interaction component..

npx shadcn@latest add https://registry.watermelon.sh/r/card-cue-base.json
Card Split Accordian component

An animated card split accordion that smoothly expands to reveal detailed information.

npx shadcn@latest add https://registry.watermelon.sh/r/card-split-accordian.json
Card Split Accordian (base) component

Theme-ready base variant of An animated card split accordion that smoothly expands to reveal detailed information..

npx shadcn@latest add https://registry.watermelon.sh/r/card-split-accordian-base.json
Card Swipe component

A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination.

npx shadcn@latest add https://registry.watermelon.sh/r/card-swipe.json
Card Swipe (base) component

Theme-ready base variant of A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination..

npx shadcn@latest add https://registry.watermelon.sh/r/card-swipe-base.json
Carousel Navigator component

A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators.

npx shadcn@latest add https://registry.watermelon.sh/r/carousel-navigator.json
Carousel Navigator (base) component

Theme-ready base variant of A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators..

npx shadcn@latest add https://registry.watermelon.sh/r/carousel-navigator-base.json
Carousel Slider component

A playful, gesture-driven card carousel with spring-based rotation and smooth scaling.

npx shadcn@latest add https://registry.watermelon.sh/r/carousel-slider.json
Carousel Slider (base) component

Theme-ready base variant of A playful, gesture-driven card carousel with spring-based rotation and smooth scaling..

npx shadcn@latest add https://registry.watermelon.sh/r/carousel-slider-base.json
Changeable Pricing Section component

A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions for modern SaaS checkout flo…

npx shadcn@latest add https://registry.watermelon.sh/r/changeable-pricing-section.json
Changeable Pricing Section (base) component

Theme-ready base variant of A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions …

npx shadcn@latest add https://registry.watermelon.sh/r/changeable-pricing-section-base.json
Collection Grid Disclosure component

An animated collection grid that smoothly expands to reveal additional content on interaction.

npx shadcn@latest add https://registry.watermelon.sh/r/collection-grid-disclosure.json
Collection Grid Disclosure (base) component

Theme-ready base variant of An animated collection grid that smoothly expands to reveal additional content on interaction..

npx shadcn@latest add https://registry.watermelon.sh/r/collection-grid-disclosure-base.json
Command Search component

A premium command palette with sectioned results, keyboard navigation, and smooth animations.

npx shadcn@latest add https://registry.watermelon.sh/r/command-search.json
Command Search (base) component

Theme-ready base variant of A premium command palette with sectioned results, keyboard navigation, and smooth animations..

npx shadcn@latest add https://registry.watermelon.sh/r/command-search-base.json
Compose Email Card component

Compact card interface for composing emails with recipient, subject, actions.

npx shadcn@latest add https://registry.watermelon.sh/r/compose-email-card.json
Compose Email Card (base) component

Theme-ready base variant of Compact card interface for composing emails with recipient, subject, actions..

npx shadcn@latest add https://registry.watermelon.sh/r/compose-email-card-base.json
Contextual AI Bar component

A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/contextual-ai-bar.json
Contextual AI Bar (base) component

Theme-ready base variant of A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/contextual-ai-bar-base.json
Continuous Pagination component

A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer effect.

npx shadcn@latest add https://registry.watermelon.sh/r/continuous-pagination.json
Continuous Pagination (base) component

Theme-ready base variant of A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer ef…

npx shadcn@latest add https://registry.watermelon.sh/r/continuous-pagination-base.json
Continuous Tabs component

Button-like tabs with a smooth sliding background pill.

npx shadcn@latest add https://registry.watermelon.sh/r/continuous-tabs.json
Continuous Tabs (base) component

Theme-ready base variant of Button-like tabs with a smooth sliding background pill..

npx shadcn@latest add https://registry.watermelon.sh/r/continuous-tabs-base.json
Copy Confirm component

Interactive micro-interaction component for copy confirm.

npx shadcn@latest add https://registry.watermelon.sh/r/copy-confirm.json
Copy Confirm (base) component

Theme-ready base variant of Interactive micro-interaction component for copy confirm..

npx shadcn@latest add https://registry.watermelon.sh/r/copy-confirm-base.json
Create Community component

Dialog for creating communities with name, description, and settings.

npx shadcn@latest add https://registry.watermelon.sh/r/create-community.json
Create Community (base) component

Theme-ready base variant of Dialog for creating communities with name, description, and settings..

npx shadcn@latest add https://registry.watermelon.sh/r/create-community-base.json
Create New Disclosure component

A stylish "Create New" disclosure component that expands from a pill-shaped button into a rich grid of actions.

npx shadcn@latest add https://registry.watermelon.sh/r/create-new-disclosure.json
Create New Disclosure (base) component

Theme-ready base variant of A stylish "Create New" disclosure component that expands from a pill-shaped button into a rich grid of actions..

npx shadcn@latest add https://registry.watermelon.sh/r/create-new-disclosure-base.json
Credit Usage Card component

Displays credit consumption progress with clear limits and usage breakdown.

npx shadcn@latest add https://registry.watermelon.sh/r/credit-usage-card.json
Credit Usage Card (base) component

Theme-ready base variant of Displays credit consumption progress with clear limits and usage breakdown..

npx shadcn@latest add https://registry.watermelon.sh/r/credit-usage-card-base.json
Deployment Card component

Deployment card showing environment, progress, logs, duration, and commit details.

npx shadcn@latest add https://registry.watermelon.sh/r/deployment-card.json
Deployment Card (base) component

Theme-ready base variant of Deployment card showing environment, progress, logs, duration, and commit details..

npx shadcn@latest add https://registry.watermelon.sh/r/deployment-card-base.json
Dialog Stack component

A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/dialog-stack.json
Dialog Stack (base) component

Theme-ready base variant of A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/dialog-stack-base.json
Discrete Tabs component

Animated tabs component with smooth morphing transitions between active states.

npx shadcn@latest add https://registry.watermelon.sh/r/discrete-tabs.json
Discrete Tabs (base) component

Theme-ready base variant of Animated tabs component with smooth morphing transitions between active states..

npx shadcn@latest add https://registry.watermelon.sh/r/discrete-tabs-base.json
Dock Component component

An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to cursor movement, creating a live…

npx shadcn@latest add https://registry.watermelon.sh/r/dock.json
Dock Component (base) component

Theme-ready base variant of An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to curs…

npx shadcn@latest add https://registry.watermelon.sh/r/dock-base.json
Draw Signature component

A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow.

npx shadcn@latest add https://registry.watermelon.sh/r/draw-signature.json
Draw Signature (base) component

Theme-ready base variant of A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow..

npx shadcn@latest add https://registry.watermelon.sh/r/draw-signature-base.json
Dropdown Disclosure component

A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection.

npx shadcn@latest add https://registry.watermelon.sh/r/dropdown-disclosure.json
Dropdown Disclosure (base) component

Theme-ready base variant of A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection..

npx shadcn@latest add https://registry.watermelon.sh/r/dropdown-disclosure-base.json
Edit Badge component

A premium interactive badge component with an inline editor for real-time text, icon, and color customization.

npx shadcn@latest add https://registry.watermelon.sh/r/edit-badge.json
Edit Badge (base) component

Theme-ready base variant of A premium interactive badge component with an inline editor for real-time text, icon, and color customization..

npx shadcn@latest add https://registry.watermelon.sh/r/edit-badge-base.json
Edit Profile component

Profile editing dialog with fields, validation, and save actions.

npx shadcn@latest add https://registry.watermelon.sh/r/edit-profile.json
Edit Profile (base) component

Theme-ready base variant of Profile editing dialog with fields, validation, and save actions..

npx shadcn@latest add https://registry.watermelon.sh/r/edit-profile-base.json
Editable Chip component

An interactive editable chip component with smooth animations for editing.

npx shadcn@latest add https://registry.watermelon.sh/r/editable-chip.json
Editable Chip (base) component

Theme-ready base variant of An interactive editable chip component with smooth animations for editing..

npx shadcn@latest add https://registry.watermelon.sh/r/editable-chip-base.json
Emoji Spree Choice Chips component

A playful multi-select component with exploding emoji particles and smooth spring animations.

npx shadcn@latest add https://registry.watermelon.sh/r/emoji-spree-choice-chips.json
Emoji Spree Choice Chips (base) component

Theme-ready base variant of A playful multi-select component with exploding emoji particles and smooth spring animations..

npx shadcn@latest add https://registry.watermelon.sh/r/emoji-spree-choice-chips-base.json
Event Reminders component

Set and manage event reminders with lightweight interactive scheduling controls.

npx shadcn@latest add https://registry.watermelon.sh/r/event-reminders.json
Event Reminders (base) component

Theme-ready base variant of Set and manage event reminders with lightweight interactive scheduling controls..

npx shadcn@latest add https://registry.watermelon.sh/r/event-reminders-base.json
Expand Details component

Interactive micro-interaction component for expanding details.

npx shadcn@latest add https://registry.watermelon.sh/r/expand-details.json
Expand Details (base) component

Theme-ready base variant of Interactive micro-interaction component for expanding details..

npx shadcn@latest add https://registry.watermelon.sh/r/expand-details-base.json
Expandable Event Card component

A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations.

npx shadcn@latest add https://registry.watermelon.sh/r/expandable-event-card.json
Expandable Event Card (base) component

Theme-ready base variant of A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations..

npx shadcn@latest add https://registry.watermelon.sh/r/expandable-event-card-base.json
Expandable Profile Card component

An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards.

npx shadcn@latest add https://registry.watermelon.sh/r/expandable-profile-card.json
Expandable Profile Card (base) component

Theme-ready base variant of An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards..

npx shadcn@latest add https://registry.watermelon.sh/r/expandable-profile-card-base.json
Extended Toolbar component

A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant visual feedback for quick and c…

npx shadcn@latest add https://registry.watermelon.sh/r/extended-toolbar.json
Extended Toolbar (base) component

Theme-ready base variant of A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant vis…

npx shadcn@latest add https://registry.watermelon.sh/r/extended-toolbar-base.json
Family Receive Button component

Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design.

npx shadcn@latest add https://registry.watermelon.sh/r/family-receive-button.json
Family Receive Button (base) component

Theme-ready base variant of Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design..

npx shadcn@latest add https://registry.watermelon.sh/r/family-receive-button-base.json
Family Wallet component

An animated wallet interface inspired by family account interactions with smooth card transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/family-wallet.json
Family Wallet (base) component

Theme-ready base variant of An animated wallet interface inspired by family account interactions with smooth card transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/family-wallet-base.json
Feature Tour component

A premium guided tour component with blur animations, shining titles, and intuitive navigation.

npx shadcn@latest add https://registry.watermelon.sh/r/feature-tour.json
Feature Tour (base) component

Theme-ready base variant of A premium guided tour component with blur animations, shining titles, and intuitive navigation..

npx shadcn@latest add https://registry.watermelon.sh/r/feature-tour-base.json
Feedback Action component

Trigger quick user feedback actions through subtle animated interaction buttons.

npx shadcn@latest add https://registry.watermelon.sh/r/feedback-action.json
Feedback Action (base) component

Theme-ready base variant of Trigger quick user feedback actions through subtle animated interaction buttons..

npx shadcn@latest add https://registry.watermelon.sh/r/feedback-action-base.json
Feedback component

A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience.

npx shadcn@latest add https://registry.watermelon.sh/r/feedback.json
Feedback (base) component

Theme-ready base variant of A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience..

npx shadcn@latest add https://registry.watermelon.sh/r/feedback-base.json
Filter Disclosure component

A smooth expanding filter component with active state indicators.

npx shadcn@latest add https://registry.watermelon.sh/r/filter-disclosure.json
Filter Disclosure (base) component

Theme-ready base variant of A smooth expanding filter component with active state indicators..

npx shadcn@latest add https://registry.watermelon.sh/r/filter-disclosure-base.json
Floating Disclosure component

A compact expandable action menu with animated resizing, floating close button, and spring-based item reveal.

npx shadcn@latest add https://registry.watermelon.sh/r/floating-disclosure.json
Floating Disclosure (base) component

Theme-ready base variant of A compact expandable action menu with animated resizing, floating close button, and spring-based item reveal..

npx shadcn@latest add https://registry.watermelon.sh/r/floating-disclosure-base.json
Floating Input component

An input field with floating label animation.

npx shadcn@latest add https://registry.watermelon.sh/r/floating-input.json
Floating Input (base) component

Theme-ready base variant of An input field with floating label animation..

npx shadcn@latest add https://registry.watermelon.sh/r/floating-input-base.json
Fluid Tabs component

A fluid, spring-animated tab component with floating active indicator and icon scaling.

npx shadcn@latest add https://registry.watermelon.sh/r/fluid-tabs.json
Fluid Tabs (base) component

Theme-ready base variant of A fluid, spring-animated tab component with floating active indicator and icon scaling..

npx shadcn@latest add https://registry.watermelon.sh/r/fluid-tabs-base.json
Fractional Picker component

A smooth draggable ruler-style picker for selecting numeric values with spring snapping.

npx shadcn@latest add https://registry.watermelon.sh/r/fractional-picker.json
Fractional Picker (base) component

Theme-ready base variant of A smooth draggable ruler-style picker for selecting numeric values with spring snapping..

npx shadcn@latest add https://registry.watermelon.sh/r/fractional-picker-base.json
Frequency Selector component

Select recurring time intervals using animated tabs and contextual sub options.

npx shadcn@latest add https://registry.watermelon.sh/r/frequency-selector.json
Frequency Selector (base) component

Theme-ready base variant of Select recurring time intervals using animated tabs and contextual sub options..

npx shadcn@latest add https://registry.watermelon.sh/r/frequency-selector-base.json
Fund Widget component

An animated fund widget featuring smooth 3D transforms and progressive blur effects.

npx shadcn@latest add https://registry.watermelon.sh/r/fund-widget.json
Fund Widget (base) component

Theme-ready base variant of An animated fund widget featuring smooth 3D transforms and progressive blur effects..

npx shadcn@latest add https://registry.watermelon.sh/r/fund-widget-base.json
Gooey Menu component

An interactive Next.js logo with expandable tooltip that shows framework information.

npx shadcn@latest add https://registry.watermelon.sh/r/gooey-menu.json
Gooey Menu (base) component

Theme-ready base variant of An interactive Next.js logo with expandable tooltip that shows framework information..

npx shadcn@latest add https://registry.watermelon.sh/r/gooey-menu-base.json
Inline Action component

Inline actions enabling quick edits without leaving current context view.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-action.json
Inline Action (base) component

Theme-ready base variant of Inline actions enabling quick edits without leaving current context view..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-action-base.json
Inline Edit component

A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-edit.json
Inline Edit (base) component

Theme-ready base variant of A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-edit-base.json
Inline Overflow component

An interactive inline overflow menu that reveals additional actions with spring animations.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-overflow.json
Inline Overflow (base) component

Theme-ready base variant of An interactive inline overflow menu that reveals additional actions with spring animations..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-overflow-base.json
Inline Table Control component

Inline controls for editing table rows without breaking user focus.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-table-control.json
Inline Table Control (base) component

Theme-ready base variant of Inline controls for editing table rows without breaking user focus..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-table-control-base.json
Inline Toast component

An animated inline toast that provides instant feedback with a built-in copy action.

npx shadcn@latest add https://registry.watermelon.sh/r/inline-toast.json
Inline Toast (base) component

Theme-ready base variant of An animated inline toast that provides instant feedback with a built-in copy action..

npx shadcn@latest add https://registry.watermelon.sh/r/inline-toast-base.json
Integration Card component

Show connected services with status, actions, and simple integration management.

npx shadcn@latest add https://registry.watermelon.sh/r/integration-card.json
Integration Card (base) component

Theme-ready base variant of Show connected services with status, actions, and simple integration management..

npx shadcn@latest add https://registry.watermelon.sh/r/integration-card-base.json
Invite Disclosure component

A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations.

npx shadcn@latest add https://registry.watermelon.sh/r/invite-disclosure.json
Invite Disclosure (base) component

Theme-ready base variant of A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations..

npx shadcn@latest add https://registry.watermelon.sh/r/invite-disclosure-base.json
Journal Navigation component

Organized journal navigation enabling quick section switching with smooth animated transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/journal-navigation.json
Journal Navigation (base) component

Theme-ready base variant of Organized journal navigation enabling quick section switching with smooth animated transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/journal-navigation-base.json
Knob Slider component

A premium radial dial component with tactile feedback, blur animations, and full theme integration.

npx shadcn@latest add https://registry.watermelon.sh/r/knob-slider.json
Knob Slider (base) component

Theme-ready base variant of A premium radial dial component with tactile feedback, blur animations, and full theme integration..

npx shadcn@latest add https://registry.watermelon.sh/r/knob-slider-base.json
Labeled Progress Indicator component

An animated progress indicator with dynamic labels that update smoothly.

npx shadcn@latest add https://registry.watermelon.sh/r/labeled-progress-indicator.json
Labeled Progress Indicator (base) component

Theme-ready base variant of An animated progress indicator with dynamic labels that update smoothly..

npx shadcn@latest add https://registry.watermelon.sh/r/labeled-progress-indicator-base.json
Layered Progressive Disclosure component

A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions for advanced configuration wor…

npx shadcn@latest add https://registry.watermelon.sh/r/layered-progressive-disclosure.json
Layered Progressive Disclosure (base) component

Theme-ready base variant of A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions fo…

npx shadcn@latest add https://registry.watermelon.sh/r/layered-progressive-disclosure-base.json
Licence Key component

Interactive micro-interaction component for licence keys.

npx shadcn@latest add https://registry.watermelon.sh/r/licence-key.json
Licence Key (base) component

Theme-ready base variant of Interactive micro-interaction component for licence keys..

npx shadcn@latest add https://registry.watermelon.sh/r/licence-key-base.json
List Stack component

An animated stacked list that smoothly expands and collapses to reveal or hide items.

npx shadcn@latest add https://registry.watermelon.sh/r/list-stack.json
List Stack (base) component

Theme-ready base variant of An animated stacked list that smoothly expands and collapses to reveal or hide items..

npx shadcn@latest add https://registry.watermelon.sh/r/list-stack-base.json
macOS Sidebar component

A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedback.

npx shadcn@latest add https://registry.watermelon.sh/r/macos-sidebar.json
macOS Sidebar (base) component

Theme-ready base variant of A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedba…

npx shadcn@latest add https://registry.watermelon.sh/r/macos-sidebar-base.json
Meeting Card component

Summarize meeting details with time, participants, and quick action controls.

npx shadcn@latest add https://registry.watermelon.sh/r/meeting-card.json
Meeting Card (base) component

Theme-ready base variant of Summarize meeting details with time, participants, and quick action controls..

npx shadcn@latest add https://registry.watermelon.sh/r/meeting-card-base.json
Minimal Carousel component

Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions.

npx shadcn@latest add https://registry.watermelon.sh/r/minimal-carousel.json
Minimal Carousel (base) component

Theme-ready base variant of Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions..

npx shadcn@latest add https://registry.watermelon.sh/r/minimal-carousel-base.json
Morphing Button component

An animated button that smoothly morphs into an expanded interactive state.

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-button.json
Morphing Button (base) component

Theme-ready base variant of An animated button that smoothly morphs into an expanded interactive state..

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-button-base.json
Morphing Discovery Bar component

A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations.

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-discovery-bar.json
Morphing Discovery Bar (base) component

Theme-ready base variant of A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations..

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-discovery-bar-base.json
Morphing Sidebar Controls component

A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanced animation workflows.

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-sidebar-controls.json
Morphing Sidebar Controls (base) component

Theme-ready base variant of A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanc…

npx shadcn@latest add https://registry.watermelon.sh/r/morphing-sidebar-controls-base.json
Onboarding Checklist component

Step-by-step onboarding checklist with progress tracking and completion feedback.

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-checklist.json
Onboarding Checklist (base) component

Theme-ready base variant of Step-by-step onboarding checklist with progress tracking and completion feedback..

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-checklist-base.json
Onboarding Screen component

Clean onboarding screen guiding users through setup with visual steps.

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-screen.json
Onboarding Screen (base) component

Theme-ready base variant of Clean onboarding screen guiding users through setup with visual steps..

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-screen-base.json
Onboarding Setup component

Onboarding setup card guiding users through initial configuration steps.

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-setup.json
Onboarding Setup (base) component

Theme-ready base variant of Onboarding setup card guiding users through initial configuration steps..

npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-setup-base.json
Pagination component

An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages.

npx shadcn@latest add https://registry.watermelon.sh/r/pagination.json
Pagination (base) component

Theme-ready base variant of An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages..

npx shadcn@latest add https://registry.watermelon.sh/r/pagination-base.json
Pin Item component

A sleek list component with shared-layout transitions for pinning items and managing priority views.

npx shadcn@latest add https://registry.watermelon.sh/r/pin-item.json
Pin Item (base) component

Theme-ready base variant of A sleek list component with shared-layout transitions for pinning items and managing priority views..

npx shadcn@latest add https://registry.watermelon.sh/r/pin-item-base.json
Pop Stepper component

Interactive micro-interaction component for pop stepper.

npx shadcn@latest add https://registry.watermelon.sh/r/pop-stepper.json
Pop Stepper (base) component

Theme-ready base variant of Interactive micro-interaction component for pop stepper..

npx shadcn@latest add https://registry.watermelon.sh/r/pop-stepper-base.json
Predictive Text component

Suggests next words in real time while users type naturally.

npx shadcn@latest add https://registry.watermelon.sh/r/predictive-text.json
Predictive Text (base) component

Theme-ready base variant of Suggests next words in real time while users type naturally..

npx shadcn@latest add https://registry.watermelon.sh/r/predictive-text-base.json
Pricing Widget component

An animated pricing widget with smooth transitions and dynamic value updates.

npx shadcn@latest add https://registry.watermelon.sh/r/pricing-widget.json
Pricing Widget (base) component

Theme-ready base variant of An animated pricing widget with smooth transitions and dynamic value updates..

npx shadcn@latest add https://registry.watermelon.sh/r/pricing-widget-base.json
Profile Card component

Compact profile card displaying user details with quick actions.

npx shadcn@latest add https://registry.watermelon.sh/r/profile-card.json
Profile Card (base) component

Theme-ready base variant of Compact profile card displaying user details with quick actions..

npx shadcn@latest add https://registry.watermelon.sh/r/profile-card-base.json
Progressive Input Stack component

An animated input stack that progressively layers form fields as users complete each step.

npx shadcn@latest add https://registry.watermelon.sh/r/progressive-input-stack.json
Progressive Input Stack (base) component

Theme-ready base variant of An animated input stack that progressively layers form fields as users complete each step..

npx shadcn@latest add https://registry.watermelon.sh/r/progressive-input-stack-base.json
Quick Feedback component

A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm actions in real time.

npx shadcn@latest add https://registry.watermelon.sh/r/quick-feedback.json
Quick Feedback (base) component

Theme-ready base variant of A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm…

npx shadcn@latest add https://registry.watermelon.sh/r/quick-feedback-base.json
Quick Option Picker component

A sleek, interactive option picker with smooth roll animations and a premium feel.

npx shadcn@latest add https://registry.watermelon.sh/r/quick-option-picker.json
Quick Option Picker (base) component

Theme-ready base variant of A sleek, interactive option picker with smooth roll animations and a premium feel..

npx shadcn@latest add https://registry.watermelon.sh/r/quick-option-picker-base.json
Quick Paste component

Instantly paste copied content using shortcut-triggered micro interaction panel.

npx shadcn@latest add https://registry.watermelon.sh/r/quick-paste.json
Quick Paste (base) component

Theme-ready base variant of Instantly paste copied content using shortcut-triggered micro interaction panel..

npx shadcn@latest add https://registry.watermelon.sh/r/quick-paste-base.json
Quick Switcher component

A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics.

npx shadcn@latest add https://registry.watermelon.sh/r/quick-switcher.json
Quick Switcher (base) component

Theme-ready base variant of A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics..

npx shadcn@latest add https://registry.watermelon.sh/r/quick-switcher-base.json
Radial Carousel component

A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout.

npx shadcn@latest add https://registry.watermelon.sh/r/radial-carousel.json
Radial Carousel (base) component

Theme-ready base variant of A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout..

npx shadcn@latest add https://registry.watermelon.sh/r/radial-carousel-base.json
Range Selection Slider component

A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and immediate visual feedback for ac…

npx shadcn@latest add https://registry.watermelon.sh/r/range-selection-slider.json
Range Selection Slider (base) component

Theme-ready base variant of A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and imme…

npx shadcn@latest add https://registry.watermelon.sh/r/range-selection-slider-base.json
Returns Calculator Snippet component

A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth interactions, and instant vis…

npx shadcn@latest add https://registry.watermelon.sh/r/returns-calculator-snippet.json
Returns Calculator Snippet (base) component

Theme-ready base variant of A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth i…

npx shadcn@latest add https://registry.watermelon.sh/r/returns-calculator-snippet-base.json
Reveal Copy component

An animated reveal copy component that smoothly uncovers content with interactive motion.

npx shadcn@latest add https://registry.watermelon.sh/r/reveal-copy.json
Reveal Copy (base) component

Theme-ready base variant of An animated reveal copy component that smoothly uncovers content with interactive motion..

npx shadcn@latest add https://registry.watermelon.sh/r/reveal-copy-base.json
Revealing Cards component

Interactive micro-interaction component for revealing cards.

npx shadcn@latest add https://registry.watermelon.sh/r/revealing-cards.json
Revealing Cards (base) component

Theme-ready base variant of Interactive micro-interaction component for revealing cards..

npx shadcn@latest add https://registry.watermelon.sh/r/revealing-cards-base.json
Run Action Button component

An animated action button that executes a sequence of steps with smooth visual transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/run-action-button.json
Run Action Button (base) component

Theme-ready base variant of An animated action button that executes a sequence of steps with smooth visual transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/run-action-button-base.json
Run Widget component

An animated run widget that dynamically displays distance with smooth number transitions

npx shadcn@latest add https://registry.watermelon.sh/r/run-widget.json
Run Widget (base) component

Theme-ready base variant of An animated run widget that dynamically displays distance with smooth number transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/run-widget-base.json
Save Toggle component

An animated save toggle button that smoothly transitions between multiple states.

npx shadcn@latest add https://registry.watermelon.sh/r/save-toggle.json
Save Toggle (base) component

Theme-ready base variant of An animated save toggle button that smoothly transitions between multiple states..

npx shadcn@latest add https://registry.watermelon.sh/r/save-toggle-base.json
Schedule Button component

A tactile, interactive button for scheduling posts with date and time selection.

npx shadcn@latest add https://registry.watermelon.sh/r/schedule-button.json
Schedule Button (base) component

Theme-ready base variant of A tactile, interactive button for scheduling posts with date and time selection..

npx shadcn@latest add https://registry.watermelon.sh/r/schedule-button-base.json
Schedule Date component

Date scheduling dialog with calendar selection, time picking, and confirmations.

npx shadcn@latest add https://registry.watermelon.sh/r/schedule-date.json
Schedule Date (base) component

Theme-ready base variant of Date scheduling dialog with calendar selection, time picking, and confirmations..

npx shadcn@latest add https://registry.watermelon.sh/r/schedule-date-base.json
Scroll Island component

Floating scroll island providing progress, actions, and contextual indicators.

npx shadcn@latest add https://registry.watermelon.sh/r/scroll-island.json
Scroll Island (base) component

Theme-ready base variant of Floating scroll island providing progress, actions, and contextual indicators..

npx shadcn@latest add https://registry.watermelon.sh/r/scroll-island-base.json
Scrub Slider component

An animated scrub slider that responds smoothly to drag and scrub interactions.

npx shadcn@latest add https://registry.watermelon.sh/r/scrub-slider.json
Scrub Slider (base) component

Theme-ready base variant of An animated scrub slider that responds smoothly to drag and scrub interactions..

npx shadcn@latest add https://registry.watermelon.sh/r/scrub-slider-base.json
Select AI Agent component

Choose an AI agent quickly with options and smooth feedback.

npx shadcn@latest add https://registry.watermelon.sh/r/select-ai-agent.json
Select AI Agent (base) component

Theme-ready base variant of Choose an AI agent quickly with options and smooth feedback..

npx shadcn@latest add https://registry.watermelon.sh/r/select-ai-agent-base.json
Send Money component

Quick send money interaction with confirmation, status, and feedback states.

npx shadcn@latest add https://registry.watermelon.sh/r/send-money.json
Send Money (base) component

Theme-ready base variant of Quick send money interaction with confirmation, status, and feedback states..

npx shadcn@latest add https://registry.watermelon.sh/r/send-money-base.json
share sheet component

An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing.

npx shadcn@latest add https://registry.watermelon.sh/r/share-sheet.json
share sheet (base) component

Theme-ready base variant of An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing..

npx shadcn@latest add https://registry.watermelon.sh/r/share-sheet-base.json
Shimmer Button component

A button with an animated shimmer effect on hover.

npx shadcn@latest add https://registry.watermelon.sh/r/shimmer-button.json
Shimmer Button (base) component

Theme-ready base variant of A button with an animated shimmer effect on hover..

npx shadcn@latest add https://registry.watermelon.sh/r/shimmer-button-base.json
Show QR component

A widget to show QR code.

npx shadcn@latest add https://registry.watermelon.sh/r/show-qr.json
Show QR (base) component

Theme-ready base variant of A widget to show QR code..

npx shadcn@latest add https://registry.watermelon.sh/r/show-qr-base.json
Shuffle Pinned List component

A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles.

npx shadcn@latest add https://registry.watermelon.sh/r/shuffle-pinned-item.json
Shuffle Pinned List (base) component

Theme-ready base variant of A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles..

npx shadcn@latest add https://registry.watermelon.sh/r/shuffle-pinned-item-base.json
Slot Picker component

A premium scheduling component for managing time slots with fluid spring animations and tactile toggles.

npx shadcn@latest add https://registry.watermelon.sh/r/slot-picker.json
Slot Picker (base) component

Theme-ready base variant of A premium scheduling component for managing time slots with fluid spring animations and tactile toggles..

npx shadcn@latest add https://registry.watermelon.sh/r/slot-picker-base.json
Split Actions component

Interactive micro-interaction component for split actions.

npx shadcn@latest add https://registry.watermelon.sh/r/split-actions.json
Split Actions (base) component

Theme-ready base variant of Interactive micro-interaction component for split actions..

npx shadcn@latest add https://registry.watermelon.sh/r/split-actions-base.json
Split Button component

A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workflows.

npx shadcn@latest add https://registry.watermelon.sh/r/split-button.json
Split Button (base) component

Theme-ready base variant of A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workfl…

npx shadcn@latest add https://registry.watermelon.sh/r/split-button-base.json
Split To edit component

An animated input field that smoothly splits into editable segments during interaction

npx shadcn@latest add https://registry.watermelon.sh/r/split-to-edit.json
Split To edit (base) component

Theme-ready base variant of An animated input field that smoothly splits into editable segments during interaction.

npx shadcn@latest add https://registry.watermelon.sh/r/split-to-edit-base.json
Status Picker component

An animated status picker that smoothly transitions between selectable states.

npx shadcn@latest add https://registry.watermelon.sh/r/status-picker.json
Status Picker (base) component

Theme-ready base variant of An animated status picker that smoothly transitions between selectable states..

npx shadcn@latest add https://registry.watermelon.sh/r/status-picker-base.json
Step Indicator component

An animated step indicator with a tooltip that highlights the current progress stage.

npx shadcn@latest add https://registry.watermelon.sh/r/step-indicator.json
Step Indicator (base) component

Theme-ready base variant of An animated step indicator with a tooltip that highlights the current progress stage..

npx shadcn@latest add https://registry.watermelon.sh/r/step-indicator-base.json
Step Pager component

An animated step pager that visually highlights the current step with smooth icon transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/step-pager.json
Step Pager (base) component

Theme-ready base variant of An animated step pager that visually highlights the current step with smooth icon transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/step-pager-base.json
stepper component

An animated numeric stepper with plu and minus controls and spring-based roling digit transitions.

npx shadcn@latest add https://registry.watermelon.sh/r/stepper.json
stepper (base) component

Theme-ready base variant of An animated numeric stepper with plu and minus controls and spring-based roling digit transitions..

npx shadcn@latest add https://registry.watermelon.sh/r/stepper-base.json
Subscription Calendar component

Calendar card showing subscription cycles, renewals, and upcoming billing dates.

npx shadcn@latest add https://registry.watermelon.sh/r/subscription-calendar.json
Subscription Calendar (base) component

Theme-ready base variant of Calendar card showing subscription cycles, renewals, and upcoming billing dates..

npx shadcn@latest add https://registry.watermelon.sh/r/subscription-calendar-base.json
Swap Currency Card component

A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmation upon interaction.

npx shadcn@latest add https://registry.watermelon.sh/r/swap-currency-card.json
Swap Currency Card (base) component

Theme-ready base variant of A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmat…

npx shadcn@latest add https://registry.watermelon.sh/r/swap-currency-card-base.json
Swap Form component

A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects.

npx shadcn@latest add https://registry.watermelon.sh/r/swap-form.json
Swap Form (base) component

Theme-ready base variant of A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects..

npx shadcn@latest add https://registry.watermelon.sh/r/swap-form-base.json
Switch Disclosure component

A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options.

npx shadcn@latest add https://registry.watermelon.sh/r/switch-disclosure.json
Switch Disclosure (base) component

Theme-ready base variant of A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options..

npx shadcn@latest add https://registry.watermelon.sh/r/switch-disclosure-base.json
Switch Mode component

A premium, animated theme toggle switch with smooth spring physics and sliding icon states.

npx shadcn@latest add https://registry.watermelon.sh/r/switch-mode.json
Switch Mode (base) component

Theme-ready base variant of A premium, animated theme toggle switch with smooth spring physics and sliding icon states..

npx shadcn@latest add https://registry.watermelon.sh/r/switch-mode-base.json
Tags component

A dynamic tag management component with smooth shared-layout transitions and auto-scrolling.

npx shadcn@latest add https://registry.watermelon.sh/r/tags.json
Tags (base) component

Theme-ready base variant of A dynamic tag management component with smooth shared-layout transitions and auto-scrolling..

npx shadcn@latest add https://registry.watermelon.sh/r/tags-base.json
Task Widget Disclosure component

An interactive task widget with smooth disclosure animations and detailed progress tracking.

npx shadcn@latest add https://registry.watermelon.sh/r/task-widget-disclosure.json
Task Widget Disclosure (base) component

Theme-ready base variant of An interactive task widget with smooth disclosure animations and detailed progress tracking..

npx shadcn@latest add https://registry.watermelon.sh/r/task-widget-disclosure-base.json
Timed Undo Action component

An animated timed undo button that provides a visual countdown before an action is finalized.

npx shadcn@latest add https://registry.watermelon.sh/r/time-undo-action.json
Timed Undo Action (base) component

Theme-ready base variant of An animated timed undo button that provides a visual countdown before an action is finalized..

npx shadcn@latest add https://registry.watermelon.sh/r/time-undo-action-base.json
Tooltip Navbar component

Tooltip design recreated with smooth animations and interactive feedback.

npx shadcn@latest add https://registry.watermelon.sh/r/tooltip-navbar.json
Tooltip Navbar (base) component

Theme-ready base variant of Tooltip design recreated with smooth animations and interactive feedback..

npx shadcn@latest add https://registry.watermelon.sh/r/tooltip-navbar-base.json
Trade Summary component

Concise trade summary card showing positions, performance, and key metrics.

npx shadcn@latest add https://registry.watermelon.sh/r/trade-summary.json
Trade Summary (base) component

Theme-ready base variant of Concise trade summary card showing positions, performance, and key metrics..

npx shadcn@latest add https://registry.watermelon.sh/r/trade-summary-base.json
Transaction List component

An animated transaction list with smooth expand and collapse transitions for detailed views.

npx shadcn@latest add https://registry.watermelon.sh/r/transaction-list.json
Transaction List (base) component

Theme-ready base variant of An animated transaction list with smooth expand and collapse transitions for detailed views..

npx shadcn@latest add https://registry.watermelon.sh/r/transaction-list-base.json
Tree-menu component

A nested tree navigation menu with animated level transitions and breadcrumb navigation.

npx shadcn@latest add https://registry.watermelon.sh/r/tree-menu.json
Tree-menu (base) component

Theme-ready base variant of A nested tree navigation menu with animated level transitions and breadcrumb navigation..

npx shadcn@latest add https://registry.watermelon.sh/r/tree-menu-base.json
Uniswap Dialog component

A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations.

npx shadcn@latest add https://registry.watermelon.sh/r/uniswap-dialog.json
Uniswap Dialog (base) component

Theme-ready base variant of A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations..

npx shadcn@latest add https://registry.watermelon.sh/r/uniswap-dialog-base.json
Vertical Tooltip Navbar component

A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover

npx shadcn@latest add https://registry.watermelon.sh/r/vertical-tooltip-navbar.json
Vertical Tooltip Navbar (base) component

Theme-ready base variant of A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover.

npx shadcn@latest add https://registry.watermelon.sh/r/vertical-tooltip-navbar-base.json
View On Map component

Map view component displaying locations with zoom, pins, and directions.

npx shadcn@latest add https://registry.watermelon.sh/r/view-on-map.json
View On Map (base) component

Theme-ready base variant of Map view component displaying locations with zoom, pins, and directions..

npx shadcn@latest add https://registry.watermelon.sh/r/view-on-map-base.json