---
name: "@watermelon"
slug: "watermelon"
description: "Free, open-source React components, animated interactions, blocks, dashboards, and templates for shadcn/ui projects. Install with the shadcn CLI and own the source."
category: "Animated components"
tags: ["animation", "blocks", "buttons", "cards", "crypto", "dashboard", "forms", "media", "navigation", "onboarding", "overlays", "tables"]
framework: "react"
license: "MIT"
author: "WatermelonCorp"
website: "https://ui.watermelon.sh"
github: "https://github.com/WatermelonCorp/watermelon-platform"
registry: "https://registry.watermelon.sh/r/registry.json"
pro: false
pro_url: null
github_stars: 4
component_count: 250
generated_at: "2026-10-10T06:32:55.998Z"
---

# @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.

## Links

- Website: https://ui.watermelon.sh
- GitHub: https://github.com/WatermelonCorp/watermelon-platform
- Registry JSON: https://registry.watermelon.sh/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/watermelon
- This file: https://sh4dcn.vercel.app/md/watermelon.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://registry.watermelon.sh/r/registry.json
pnpm dlx shadcn@latest add https://registry.watermelon.sh/r/registry.json
bunx shadcn@latest add https://registry.watermelon.sh/r/registry.json
# clone the source repo
git clone https://github.com/WatermelonCorp/watermelon-platform.git
# fetch the raw registry index
curl -s https://registry.watermelon.sh/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| inline-disclosure-menu | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component. | `npx shadcn@latest add https://registry.watermelon.sh/r/card-cue.json` |
| card-cue-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for copy confirm. | `npx shadcn@latest add https://registry.watermelon.sh/r/copy-confirm.json` |
| copy-confirm-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for expanding details. | `npx shadcn@latest add https://registry.watermelon.sh/r/expand-details.json` |
| expand-details-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | An input field with floating label animation. | `npx shadcn@latest add https://registry.watermelon.sh/r/floating-input.json` |
| floating-input-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for licence keys. | `npx shadcn@latest add https://registry.watermelon.sh/r/licence-key.json` |
| licence-key-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for pop stepper. | `npx shadcn@latest add https://registry.watermelon.sh/r/pop-stepper.json` |
| pop-stepper-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for revealing cards. | `npx shadcn@latest add https://registry.watermelon.sh/r/revealing-cards.json` |
| revealing-cards-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:component | A widget to show QR code. | `npx shadcn@latest add https://registry.watermelon.sh/r/show-qr.json` |
| show-qr-base | registry: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-item | registry: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-item-base | registry: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 | registry: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 | registry: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 | registry:component | Interactive micro-interaction component for split actions. | `npx shadcn@latest add https://registry.watermelon.sh/r/split-actions.json` |
| split-actions-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |
| time-undo-action | registry: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` |
| time-undo-action-base | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |

## For AI agents

```text
You are adding components from @watermelon to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/watermelon.md) for the component list.
2. Fetch the machine-readable index: https://registry.watermelon.sh/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: watermelon).
```