{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "Animate UI", "homepage": "https://animate-ui.com", "items": [ { "name": "index", "type": "registry:style", "dependencies": [ "tw-animate-css", "class-variance-authority", "lucide-react" ], "registryDependencies": [ "utils" ], "cssVars": {}, "files": [] }, { "name": "bubble-background", "type": "registry:ui", "title": "Bubble Background", "description": "An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.", "dependencies": [ "motion" ], "files": [ { "path": "registry/backgrounds/bubble/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/bubble.tsx" } ] }, { "name": "fireworks-background", "type": "registry:ui", "title": "Fireworks Background", "description": "A background component that displays a fireworks animation.", "files": [ { "path": "registry/backgrounds/fireworks/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/fireworks.tsx" } ] }, { "name": "gradient-background", "type": "registry:ui", "title": "Gradient Background", "description": "A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.", "dependencies": [ "motion" ], "files": [ { "path": "registry/backgrounds/gradient/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/gradient.tsx" } ] }, { "name": "hexagon-background", "type": "registry:ui", "title": "Hexagon Background", "description": "A background component featuring an interactive hexagon grid.", "files": [ { "path": "registry/backgrounds/hexagon/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/hexagon.tsx" } ] }, { "name": "hole-background", "type": "registry:ui", "title": "Hole Background", "description": "A background with a hole animation effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/backgrounds/hole/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/hole.tsx" } ] }, { "name": "stars-background", "type": "registry:ui", "title": "Stars Background", "description": "A dark, interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/backgrounds/stars/index.tsx", "type": "registry:ui", "target": "components/animate-ui/backgrounds/stars.tsx" } ] }, { "name": "base-accordion", "type": "registry:ui", "title": "Base Accordion", "description": "An easily stylable accordion component.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/accordion.tsx" } ] }, { "name": "base-checkbox", "type": "registry:ui", "title": "Base Checkbox", "description": "An easily stylable checkbox component.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/checkbox.tsx" } ] }, { "name": "base-popover", "type": "registry:ui", "title": "Base Popover", "description": "An accessible popup anchored to a button.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/popover.tsx" } ] }, { "name": "base-preview-card", "type": "registry:ui", "title": "Base Preview Card", "description": "A popup that appears when a link is hovered, showing a preview for sighted users.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/preview-card/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/preview-card.tsx" } ] }, { "name": "base-progress", "type": "registry:ui", "title": "Base Progress", "description": "Displays the status of a task that takes a long time.", "dependencies": [ "motion", "@base-ui-components/react" ], "registryDependencies": [ "https://animate-ui.com/r/counting-number" ], "files": [ { "path": "registry/base/progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/progress.tsx" } ] }, { "name": "base-switch", "type": "registry:ui", "title": "Base Switch", "description": "A control that indicates whether a setting is on or off.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/switch.tsx" } ] }, { "name": "base-toggle-group", "type": "registry:ui", "title": "Base Toggle Group", "description": "Provides a shared state to a series of toggle buttons.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/toggle-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/toggle-group.tsx" } ] }, { "name": "base-tooltip", "type": "registry:ui", "title": "Base Tooltip", "description": "A popup that appears when an element is hovered or focused, showing a hint for sighted users.", "dependencies": [ "motion", "@base-ui-components/react" ], "files": [ { "path": "registry/base/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/base/tooltip.tsx" } ] }, { "name": "copy-button", "type": "registry:ui", "title": "Copy Button", "description": "A button with a copy to clipboard animation.", "dependencies": [ "motion", "lucide-react", "class-variance-authority" ], "files": [ { "path": "registry/buttons/copy/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/copy.tsx" } ] }, { "name": "flip-button", "type": "registry:ui", "title": "Flip Button", "description": "A clickable button featuring a smooth flipping animation triggered on hover.", "dependencies": [ "motion" ], "files": [ { "path": "registry/buttons/flip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/flip.tsx" } ] }, { "name": "github-stars-button", "type": "registry:ui", "title": "GitHub Stars Button", "description": "A clickable button that links to a GitHub repository and displays the number of stars.", "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/sliding-number" ], "files": [ { "path": "registry/buttons/github-stars/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/github-stars.tsx" } ] }, { "name": "icon-button", "type": "registry:ui", "title": "Icon Button", "description": "An icon button that displays particles when clicked.", "dependencies": [ "motion" ], "files": [ { "path": "registry/buttons/icon/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/icon.tsx" } ] }, { "name": "input-button", "type": "registry:ui", "title": "Input Button", "description": "A button that shows an input when clicked.", "dependencies": [ "motion" ], "files": [ { "path": "registry/buttons/input/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/input.tsx" } ] }, { "name": "liquid-button", "type": "registry:ui", "title": "Liquid Button", "description": "A clickable button featuring a dynamic, fluid-like animation effect upon hover, creating an engaging, liquid-inspired interaction.", "dependencies": [ "motion", "class-variance-authority" ], "files": [ { "path": "registry/buttons/liquid/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/liquid.tsx" } ] }, { "name": "ripple-button", "type": "registry:ui", "title": "Ripple Button", "description": "A clickable button featuring a ripple animation effect on click.", "dependencies": [ "motion", "class-variance-authority" ], "files": [ { "path": "registry/buttons/ripple/index.tsx", "type": "registry:ui", "target": "components/animate-ui/buttons/ripple.tsx" } ] }, { "name": "avatar-group", "type": "registry:ui", "title": "Avatar Group", "description": "An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.", "dependencies": [ "motion" ], "registryDependencies": [ "https://animate-ui.com/r/tooltip" ], "files": [ { "path": "registry/components/avatar-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/avatar-group.tsx" } ] }, { "name": "avatar-group-mask", "type": "registry:ui", "title": "Avatar Group Mask", "description": "An animated avatar group that displays overlapping user images with a mask effect and smoothly shifts each avatar forward on hover to highlight it.", "registryDependencies": [ "https://animate-ui.com/r/tooltip" ], "files": [ { "path": "registry/components/avatar-group-mask/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/avatar-group-mask.tsx" } ] }, { "name": "code-editor", "type": "registry:ui", "title": "Code Editor", "description": "A code editor component featuring syntax highlighting and animation.", "dependencies": [ "motion", "shiki" ], "registryDependencies": [ "https://animate-ui.com/r/copy-button" ], "files": [ { "path": "registry/components/code-editor/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/code-editor.tsx" } ] }, { "name": "code-tabs", "type": "registry:ui", "title": "Code Tabs", "description": "A tabs component that displays code for different languages.", "dependencies": [ "shiki" ], "registryDependencies": [ "https://animate-ui.com/r/tabs", "https://animate-ui.com/r/copy-button" ], "files": [ { "path": "registry/components/code-tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/code-tabs.tsx" } ] }, { "name": "counter", "type": "registry:ui", "title": "Counter", "description": "A numeric input control featuring increment and decrement buttons, smoothly animating number transitions using the SlidingNumber component.", "dependencies": [ "motion" ], "registryDependencies": [ "button", "https://animate-ui.com/r/sliding-number" ], "files": [ { "path": "registry/components/counter/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/counter.tsx" } ] }, { "name": "cursor", "type": "registry:ui", "title": "Cursor", "description": "An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.", "dependencies": [ "motion" ], "files": [ { "path": "registry/components/cursor/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/cursor.tsx" } ] }, { "name": "files", "type": "registry:ui", "title": "Files", "description": "A component that allows you to display a list of files and folders.", "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/motion-highlight", "https://animate-ui.com/r/radix-accordion" ], "files": [ { "path": "registry/components/files/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/files.tsx" } ] }, { "name": "liquid-glass", "type": "registry:ui", "title": "Liquid Glass", "description": "A component that allows you to display a liquid glass effect, inspired by iOS26.", "files": [ { "path": "registry/components/liquid-glass/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/liquid-glass.tsx" } ] }, { "name": "motion-grid", "type": "registry:ui", "title": "Motion Grid", "description": "A grid that displays animations in a grid.", "dependencies": [ "motion" ], "files": [ { "path": "registry/components/motion-grid/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/motion-grid.tsx" } ] }, { "name": "pin-list", "type": "registry:ui", "title": "Pin List", "description": "Pin List Component", "dependencies": [ "motion" ], "registryDependencies": [], "files": [ { "path": "registry/components/pin-list/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/pin-list.tsx" } ] }, { "name": "scroll-progress", "type": "registry:ui", "title": "Scroll Progress", "description": "A scroll progress component that displays the progress of the scroll.", "dependencies": [ "motion" ], "files": [ { "path": "registry/components/scroll-progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/scroll-progress.tsx" } ] }, { "name": "spring-element", "type": "registry:ui", "title": "Spring Element", "description": "A flexible, animated spring component that attaches a draggable element (avatar, text, icon, or any React node) to its origin with a spring line.", "dependencies": [ "motion" ], "registryDependencies": [], "files": [ { "path": "registry/components/spring-element/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/spring-element.tsx" } ] }, { "name": "stars-scrolling-wheel", "type": "registry:ui", "title": "Stars Scrolling Wheel", "description": "A scrolling wheel that displays stars count.", "dependencies": [ "motion" ], "registryDependencies": [ "https://animate-ui.com/r/star-icon" ], "files": [ { "path": "registry/components/stars-scrolling-wheel/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/stars-scrolling-wheel.tsx" } ] }, { "name": "tabs", "type": "registry:ui", "title": "Tabs", "description": "A set of layered sections with the same height of content—known as tab panels—that are displayed one at a time.", "dependencies": [ "motion" ], "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/components/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/tabs.tsx" } ] }, { "name": "tooltip", "type": "registry:ui", "title": "Tooltip", "description": "An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.", "dependencies": [ "motion" ], "files": [ { "path": "registry/components/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/components/tooltip.tsx" } ] }, { "name": "bubble-background-demo", "type": "registry:ui", "title": "Bubble Background Demo", "description": "Demo showing an animated bubble background.", "registryDependencies": [ "https://animate-ui.com/r/bubble-background" ], "files": [ { "path": "registry/demo/backgrounds/bubble/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/bubble.tsx" } ] }, { "name": "fireworks-background-demo", "type": "registry:ui", "title": "Fireworks Background Demo", "description": "Demo showing an animated fireworks background.", "registryDependencies": [ "https://animate-ui.com/r/fireworks-background" ], "files": [ { "path": "registry/demo/backgrounds/fireworks/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/fireworks.tsx" } ] }, { "name": "fireworks-background-fix-size-speed-demo", "type": "registry:ui", "title": "Fireworks Background Fix Size Speed Demo", "description": "Demo showing an animated fireworks background with fixed size and speed.", "registryDependencies": [ "https://animate-ui.com/r/fireworks-background" ], "files": [ { "path": "registry/demo/backgrounds/fireworks-fix-size-speed/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/fireworks-fix-size-speed.tsx" } ] }, { "name": "fireworks-background-population-demo", "type": "registry:ui", "title": "Fireworks Background Population Demo", "description": "Demo showing an animated fireworks background with a higher population.", "registryDependencies": [ "https://animate-ui.com/r/fireworks-background" ], "files": [ { "path": "registry/demo/backgrounds/fireworks-population/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/fireworks-population.tsx" } ] }, { "name": "fireworks-background-size-speed-demo", "type": "registry:ui", "title": "Fireworks Background Size Speed Demo", "description": "Demo showing an animated fireworks background with high size and speed.", "registryDependencies": [ "https://animate-ui.com/r/fireworks-background" ], "files": [ { "path": "registry/demo/backgrounds/fireworks-size-speed/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/fireworks-size-speed.tsx" } ] }, { "name": "gradient-background-demo", "type": "registry:ui", "title": "Gradient Background Demo", "description": "Demo showing an animated gradient background.", "registryDependencies": [ "https://animate-ui.com/r/gradient-background" ], "files": [ { "path": "registry/demo/backgrounds/gradient/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/gradient.tsx" } ] }, { "name": "hexagon-background-demo", "type": "registry:ui", "title": "Hexagon Background Demo", "description": "Demo showing an animated hexagon background.", "registryDependencies": [ "https://animate-ui.com/r/hexagon-background" ], "files": [ { "path": "registry/demo/backgrounds/hexagon/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/hexagon.tsx" } ] }, { "name": "hole-background-demo", "type": "registry:ui", "title": "Hole Background Demo", "description": "Demo showing an animated hole background.", "registryDependencies": [ "https://animate-ui.com/r/hole-background" ], "files": [ { "path": "registry/demo/backgrounds/hole/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/hole.tsx" } ] }, { "name": "stars-background-demo", "type": "registry:ui", "title": "Stars Background Demo", "description": "Demo showing an animated stars background.", "registryDependencies": [ "https://animate-ui.com/r/stars-background" ], "files": [ { "path": "registry/demo/backgrounds/stars/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/backgrounds/stars.tsx" } ] }, { "name": "base-accordion-demo", "type": "registry:ui", "title": "Base Accordion Demo", "description": "Demo showing a base accordion.", "registryDependencies": [ "https://animate-ui.com/r/base-accordion" ], "files": [ { "path": "registry/demo/base/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/accordion.tsx" } ], "meta": { "demoProps": { "Accordion": { "multiple": { "value": false } } } } }, { "name": "base-checkbox-demo", "type": "registry:ui", "title": "Base Checkbox Demo", "description": "Demo showing a base checkbox.", "registryDependencies": [ "https://animate-ui.com/r/base-checkbox", "label" ], "files": [ { "path": "registry/demo/base/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/checkbox.tsx" } ] }, { "name": "base-popover-demo", "type": "registry:ui", "title": "Base Popover Demo", "description": "Demo showing a base popover.", "registryDependencies": [ "https://animate-ui.com/r/base-popover", "button", "input", "label" ], "files": [ { "path": "registry/demo/base/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/popover.tsx" } ], "meta": { "demoProps": { "Popover": { "openOnHover": { "value": false }, "delay": { "value": 300 }, "closeDelay": { "value": 0 } }, "PopoverContent": { "side": { "value": "bottom", "options": { "top": "top", "bottom": "bottom", "left": "left", "right": "right", "inline-start": "inline-start", "inline-end": "inline-end" } }, "align": { "value": "center", "options": { "start": "start", "center": "center", "end": "end" } }, "sideOffset": { "value": 4 }, "alignOffset": { "value": 0 } } } } }, { "name": "base-preview-card-demo", "type": "registry:ui", "title": "Base Preview Card Demo", "description": "Demo showing a base preview card.", "registryDependencies": [ "https://animate-ui.com/r/base-preview-card" ], "files": [ { "path": "registry/demo/base/preview-card/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/preview-card.tsx" } ], "meta": { "demoProps": { "PreviewCard": { "delay": { "value": 600, "min": 0, "max": 2000, "step": 100 }, "closeDelay": { "value": 300, "min": 0, "max": 2000, "step": 100 } }, "PreviewCardContent": { "side": { "value": "bottom", "options": { "top": "top", "bottom": "bottom", "left": "left", "right": "right", "inline-start": "inline-start", "inline-end": "inline-end" } }, "sideOffset": { "value": 10 }, "align": { "value": "center", "options": { "start": "start", "center": "center", "end": "end" } }, "alignOffset": { "value": 0 } } } } }, { "name": "base-progress-demo", "type": "registry:ui", "title": "Base Progress Demo", "description": "Demo showing a base progress.", "registryDependencies": [ "https://animate-ui.com/r/base-progress" ], "files": [ { "path": "registry/demo/base/progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/progress.tsx" } ] }, { "name": "base-switch-demo", "type": "registry:ui", "title": "Base Switch Demo", "description": "Demo showing a base switch.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/base-switch", "label" ], "files": [ { "path": "registry/demo/base/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/switch.tsx" } ], "meta": { "demoProps": { "Switch": { "leftIcon": { "value": false }, "rightIcon": { "value": false }, "thumbIcon": { "value": false } } } } }, { "name": "base-toggle-group-demo", "type": "registry:ui", "title": "Base Toggle Group Demo", "description": "Demo showing a base toggle group.", "registryDependencies": [ "https://animate-ui.com/r/base-toggle-group" ], "files": [ { "path": "registry/demo/base/toggle-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/toggle-group.tsx" } ], "meta": { "demoProps": { "ToggleGroup": { "multiple": { "value": false }, "size": { "value": "default", "options": { "default": "default", "sm": "sm", "lg": "lg" } }, "variant": { "value": "default", "options": { "default": "default", "outline": "outline" } } } } } }, { "name": "base-tooltip-demo", "type": "registry:ui", "title": "Base Tooltip Demo", "description": "Demo showing a base tooltip.", "registryDependencies": [ "https://animate-ui.com/r/base-tooltip" ], "files": [ { "path": "registry/demo/base/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/base/tooltip.tsx" } ], "meta": { "demoProps": { "TooltipProvider": { "delay": { "value": 600, "min": 0, "max": 2000, "step": 100 }, "closeDelay": { "value": 0, "min": 0, "max": 2000, "step": 100 } }, "TooltipContent": { "side": { "value": "top", "options": { "top": "top", "bottom": "bottom", "left": "left", "right": "right", "inline-start": "inline-start", "inline-end": "inline-end" } }, "sideOffset": { "value": 10 }, "align": { "value": "center", "options": { "start": "start", "center": "center", "end": "end" } }, "alignOffset": { "value": 0 }, "arrow": { "value": true, "disableVariants": [ "shadcn-default" ] } } } } }, { "name": "copy-button-demo", "type": "registry:ui", "title": "Copy Button Demo", "description": "Demo showing an animated button with copy to clipboard effect.", "registryDependencies": [ "https://animate-ui.com/r/copy-button" ], "files": [ { "path": "registry/demo/buttons/copy/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/copy.tsx" } ] }, { "name": "flip-button-demo", "type": "registry:ui", "title": "Flip Button Demo", "description": "Demo showing an animated button with flip effect.", "registryDependencies": [ "https://animate-ui.com/r/flip-button" ], "files": [ { "path": "registry/demo/buttons/flip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/flip.tsx" } ] }, { "name": "flip-button-from-demo", "type": "registry:ui", "title": "Flip Button From Demo", "description": "Demo showing an animated button with flip effect.", "registryDependencies": [ "https://animate-ui.com/r/flip-button" ], "files": [ { "path": "registry/demo/buttons/flip-from/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/flip-from.tsx" } ] }, { "name": "github-stars-button-demo", "type": "registry:ui", "title": "GitHub Stars Button Demo", "description": "Demo showing a GitHub stars button.", "registryDependencies": [ "https://animate-ui.com/r/github-stars-button" ], "files": [ { "path": "registry/demo/buttons/github-stars/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/github-stars.tsx" } ] }, { "name": "icon-button-demo", "type": "registry:ui", "title": "Icon Button Demo", "description": "Demo showing an icon button.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/icon-button" ], "files": [ { "path": "registry/demo/buttons/icon/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/icon.tsx" } ] }, { "name": "input-button-demo", "type": "registry:ui", "title": "Input Button Demo", "description": "Demo showing an animated button with input effect.", "registryDependencies": [ "https://animate-ui.com/r/input-button" ], "files": [ { "path": "registry/demo/buttons/input/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/input.tsx" } ] }, { "name": "input-button-loading-demo", "type": "registry:ui", "title": "Input Button Loading Demo", "description": "Demo showing an animated button with input effect.", "registryDependencies": [ "https://animate-ui.com/r/input-button" ], "files": [ { "path": "registry/demo/buttons/input-loading/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/input-loading.tsx" } ] }, { "name": "liquid-button-demo", "type": "registry:ui", "title": "Liquid Button Demo", "description": "Demo showing an animated button with liquid effect.", "registryDependencies": [ "https://animate-ui.com/r/liquid-button" ], "files": [ { "path": "registry/demo/buttons/liquid/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/liquid.tsx" } ] }, { "name": "ripple-button-demo", "type": "registry:ui", "title": "Ripple Button Demo", "description": "Demo showing an animated button with ripple effect.", "registryDependencies": [ "https://animate-ui.com/r/ripple-button" ], "files": [ { "path": "registry/demo/buttons/ripple/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/buttons/ripple.tsx" } ] }, { "name": "avatar-group-demo", "type": "registry:ui", "title": "Avatar Group Demo", "description": "Demo showing an animated avatar group.", "registryDependencies": [ "https://animate-ui.com/r/avatar-group" ], "files": [ { "path": "registry/demo/components/avatar-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/avatar-group.tsx" } ] }, { "name": "avatar-group-bottom-demo", "type": "registry:ui", "title": "Avatar Group Bottom Demo", "description": "Demo showing an animated avatar group with the tooltip on the bottom.", "registryDependencies": [ "https://animate-ui.com/r/avatar-group" ], "files": [ { "path": "registry/demo/components/avatar-group-bottom/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/avatar-group-bottom.tsx" } ] }, { "name": "avatar-group-mask-demo", "type": "registry:ui", "title": "Avatar Group Mask Demo", "description": "Demo showing an animated avatar group mask.", "registryDependencies": [ "https://animate-ui.com/r/avatar-group-mask" ], "files": [ { "path": "registry/demo/components/avatar-group-mask/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/avatar-group-mask.tsx" } ] }, { "name": "avatar-group-mask-bottom-demo", "type": "registry:ui", "title": "Avatar Group Mask Bottom Demo", "description": "Demo showing an animated avatar group mask with bottom translation.", "registryDependencies": [ "https://animate-ui.com/r/avatar-group-mask" ], "files": [ { "path": "registry/demo/components/avatar-group-mask-bottom/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/avatar-group-mask-bottom.tsx" } ] }, { "name": "code-editor-demo", "type": "registry:ui", "title": "Code Editor Demo", "description": "Demo showing an animated code editor.", "registryDependencies": [ "https://animate-ui.com/r/code-editor" ], "files": [ { "path": "registry/demo/components/code-editor/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/code-editor.tsx" } ] }, { "name": "code-tabs-demo", "type": "registry:ui", "title": "Code Tabs Demo", "description": "Demo showing a code tabs.", "registryDependencies": [ "https://animate-ui.com/r/code-tabs" ], "files": [ { "path": "registry/demo/components/code-tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/code-tabs.tsx" } ] }, { "name": "counter-demo", "type": "registry:ui", "title": "Counter Demo", "description": "Demo showing an animated counter.", "registryDependencies": [ "https://animate-ui.com/r/counter" ], "files": [ { "path": "registry/demo/components/counter/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/counter.tsx" } ] }, { "name": "cursor-demo", "type": "registry:ui", "title": "Cursor Demo", "description": "Demo showing a cursor component.", "registryDependencies": [ "https://animate-ui.com/r/cursor" ], "files": [ { "path": "registry/demo/components/cursor/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/cursor.tsx" } ] }, { "name": "cursor-follow-only-demo", "type": "registry:ui", "title": "Cursor Follow Only Demo", "description": "Demo showing a cursor follow component.", "registryDependencies": [ "https://animate-ui.com/r/cursor" ], "files": [ { "path": "registry/demo/components/cursor-follow-only/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/cursor-follow-only.tsx" } ] }, { "name": "files-demo", "type": "registry:ui", "title": "Files Demo", "description": "Demo showing an files.", "registryDependencies": [ "https://animate-ui.com/r/files" ], "files": [ { "path": "registry/demo/components/files/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/files.tsx" } ] }, { "name": "files-advanced-demo", "type": "registry:ui", "title": "Files Advanced Demo", "description": "Demo showing an advanced files component.", "registryDependencies": [ "https://animate-ui.com/r/files" ], "files": [ { "path": "registry/demo/components/files-advanced/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/files-advanced.tsx" } ] }, { "name": "install-tabs-demo", "type": "registry:ui", "title": "Install Tabs Demo", "description": "Demo showing an install tabs.", "registryDependencies": [ "https://animate-ui.com/r/code-tabs" ], "files": [ { "path": "registry/demo/components/install-tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/install-tabs.tsx" } ] }, { "name": "liquid-glass-demo", "type": "registry:ui", "title": "Liquid Glass Demo", "description": "Demo showing a liquid glass effect.", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/liquid-glass" ], "files": [ { "path": "registry/demo/components/liquid-glass/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/liquid-glass.tsx" } ] }, { "name": "motion-grid-demo", "type": "registry:ui", "title": "Motion Grid Demo", "description": "Demo Motion Grid.", "registryDependencies": [ "https://animate-ui.com/r/motion-grid" ], "files": [ { "path": "registry/demo/components/motion-grid/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/motion-grid.tsx" } ] }, { "name": "pin-list-demo", "type": "registry:ui", "title": "Pin List Demo", "description": "Demo Pin List.", "registryDependencies": [ "https://animate-ui.com/r/pin-list" ], "files": [ { "path": "registry/demo/components/pin-list/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/pin-list.tsx" } ] }, { "name": "scroll-progress-demo", "type": "registry:ui", "title": "Scroll Progress Demo", "description": "Demo showing a scroll progress.", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/scroll-progress" ], "files": [ { "path": "registry/demo/components/scroll-progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/scroll-progress.tsx" } ] }, { "name": "spring-element-demo", "type": "registry:ui", "title": "Spring Element Demo", "description": "Demo showing a Spring Element attached to an avatar.", "registryDependencies": [ "https://animate-ui.com/r/spring-element" ], "files": [ { "path": "registry/demo/components/spring-element/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/spring-element.tsx" } ] }, { "name": "stars-scrolling-wheel-demo", "type": "registry:ui", "title": "Stars Scrolling Wheel Demo", "description": "Demo showing a Stars Scrolling Wheel.", "registryDependencies": [ "https://animate-ui.com/r/stars-scrolling-wheel" ], "files": [ { "path": "registry/demo/components/stars-scrolling-wheel/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/stars-scrolling-wheel.tsx" } ] }, { "name": "tabs-demo", "type": "registry:ui", "title": "Tabs Demo", "description": "Demo showing an animated tabs.", "registryDependencies": [ "https://animate-ui.com/r/tabs", "label", "input", "button" ], "files": [ { "path": "registry/demo/components/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/tabs.tsx" } ] }, { "name": "tooltip-demo", "type": "registry:ui", "title": "Tooltip Demo", "description": "Demo showing an animated tooltip.", "registryDependencies": [ "https://animate-ui.com/r/tooltip" ], "files": [ { "path": "registry/demo/components/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/components/tooltip.tsx" } ], "meta": { "demoProps": { "TooltipProvider": { "openDelay": { "value": 700, "min": 0, "max": 2000, "step": 100 }, "closeDelay": { "value": 300, "min": 0, "max": 2000, "step": 100 } }, "Tooltip": { "side": { "value": "top", "options": { "top": "top", "bottom": "bottom", "left": "left", "right": "right" } }, "sideOffset": { "value": 14 }, "align": { "value": "center", "options": { "start": "start", "center": "center", "end": "end" } }, "alignOffset": { "value": 0 } }, "TooltipContent": { "arrow": { "value": true } } } } }, { "name": "magnetic-demo", "type": "registry:ui", "title": "Magnetic Demo", "description": "Demo showing the magnetic effect.", "registryDependencies": [ "https://animate-ui.com/r/magnetic" ], "files": [ { "path": "registry/demo/effects/magnetic/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/magnetic.tsx" } ], "meta": { "demoProps": { "Magnetic": { "onlyOnHover": { "value": false }, "strength": { "value": 0.5, "min": 0, "max": 1, "step": 0.05 }, "range": { "value": 120 } } } } }, { "name": "motion-effect-fade-blur-demo", "type": "registry:ui", "title": "Motion Effect Fade Blur Demo", "description": "Demo showing the motion effect fade blur.", "registryDependencies": [ "https://animate-ui.com/r/motion-effect" ], "files": [ { "path": "registry/demo/effects/motion-effect-fade-blur/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-effect-fade-blur.tsx" } ] }, { "name": "motion-effect-image-grid-demo", "type": "registry:ui", "title": "Motion Effect Image Grid Demo", "description": "Demo showing the motion effect image grid.", "registryDependencies": [ "https://animate-ui.com/r/motion-effect", "use-mobile" ], "files": [ { "path": "registry/demo/effects/motion-effect-image-grid/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-effect-image-grid.tsx" } ] }, { "name": "motion-effect-slide-demo", "type": "registry:ui", "title": "Motion Effect Slide Demo", "description": "Demo showing the motion effect slide.", "registryDependencies": [ "https://animate-ui.com/r/motion-effect" ], "files": [ { "path": "registry/demo/effects/motion-effect-slide/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-effect-slide.tsx" } ] }, { "name": "motion-highlight-cards-hover-demo", "type": "registry:ui", "title": "Motion Highlight Cards Hover Demo", "description": "Demo showing the motion highlight cards hover effect.", "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/demo/effects/motion-highlight-cards-hover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-highlight-cards-hover.tsx" } ] }, { "name": "motion-highlight-tabs-demo", "type": "registry:ui", "title": "Motion Highlight Tabs Demo", "description": "Demo showing the motion highlight tabs effect.", "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/demo/effects/motion-highlight-tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-highlight-tabs.tsx" } ] }, { "name": "motion-highlight-tabs-hover-demo", "type": "registry:ui", "title": "Motion Highlight Tabs Hover Demo", "description": "Demo showing the motion highlight tabs hover effect.", "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/demo/effects/motion-highlight-tabs-hover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-highlight-tabs-hover.tsx" } ] }, { "name": "motion-highlight-tabs-hover-parent-demo", "type": "registry:ui", "title": "Motion Highlight Tabs Hover Parent Demo", "description": "Demo showing the motion highlight tabs hover effect.", "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/demo/effects/motion-highlight-tabs-hover-parent/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/effects/motion-highlight-tabs-hover-parent.tsx" } ] }, { "name": "headless-accordion-demo", "type": "registry:ui", "title": "Headless Accordion Demo", "description": "Demo showing an animated headless accordion.", "registryDependencies": [ "https://animate-ui.com/r/headless-accordion" ], "files": [ { "path": "registry/demo/headless/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/accordion.tsx" } ] }, { "name": "headless-checkbox-demo", "type": "registry:ui", "title": "Headless Checkbox Demo", "description": "Demo showing an animated headless checkbox.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/headless-checkbox" ], "files": [ { "path": "registry/demo/headless/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/checkbox.tsx" } ] }, { "name": "headless-dialog-demo", "type": "registry:ui", "title": "Headless Dialog Demo", "description": "Demo showing an animated headless dialog.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/headless-dialog" ], "files": [ { "path": "registry/demo/headless/dialog/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/dialog.tsx" } ] }, { "name": "headless-dialog-from-demo", "type": "registry:ui", "title": "Headless Dialog From Demo", "description": "Demo showing an animated headless dialog with a from prop.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/headless-dialog" ], "files": [ { "path": "registry/demo/headless/dialog-from/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/dialog-from.tsx" } ] }, { "name": "headless-disclosure-demo", "type": "registry:ui", "title": "Headless Disclosure Demo", "description": "Demo showing an animated headless disclosure.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/headless-disclosure" ], "files": [ { "path": "registry/demo/headless/disclosure/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/disclosure.tsx" } ] }, { "name": "headless-popover-demo", "type": "registry:ui", "title": "Headless Popover Demo", "description": "Demo showing an animated headless popover.", "registryDependencies": [ "button", "input", "label", "https://animate-ui.com/r/headless-popover" ], "files": [ { "path": "registry/demo/headless/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/popover.tsx" } ] }, { "name": "headless-switch-demo", "type": "registry:ui", "title": "Headless Switch Demo", "description": "Demo showing an animated headless switch.", "registryDependencies": [ "https://animate-ui.com/r/headless-switch" ], "files": [ { "path": "registry/demo/headless/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/switch.tsx" } ] }, { "name": "headless-tabs-demo", "type": "registry:ui", "title": "Headless Tabs Demo", "description": "Demo showing an animated headless tabs.", "registryDependencies": [ "https://animate-ui.com/r/headless-tabs" ], "files": [ { "path": "registry/demo/headless/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/headless/tabs.tsx" } ] }, { "name": "radix-accordion-demo", "type": "registry:ui", "title": "Radix Accordion Demo", "description": "Demo showing an animated radix accordion.", "registryDependencies": [ "https://animate-ui.com/r/radix-accordion" ], "files": [ { "path": "registry/demo/radix/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/accordion.tsx" } ] }, { "name": "radix-checkbox-demo", "type": "registry:ui", "title": "Radix Checkbox Demo", "description": "Demo showing an animated radix checkbox.", "registryDependencies": [ "https://animate-ui.com/r/radix-checkbox", "label" ], "files": [ { "path": "registry/demo/radix/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/checkbox.tsx" } ] }, { "name": "radix-collapsible-demo", "type": "registry:ui", "title": "Radix Collapsible Demo", "description": "Demo showing an animated radix collapsible.", "registryDependencies": [ "https://animate-ui.com/r/radix-collapsible", "button" ], "dependencies": [ "lucide-react" ], "files": [ { "path": "registry/demo/radix/collapsible/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/collapsible.tsx" } ] }, { "name": "radix-dialog-demo", "type": "registry:ui", "title": "Radix Dialog Demo", "description": "Demo showing an animated radix dialog.", "registryDependencies": [ "https://animate-ui.com/r/radix-dialog", "button" ], "files": [ { "path": "registry/demo/radix/dialog/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/dialog.tsx" } ] }, { "name": "radix-dialog-from-demo", "type": "registry:ui", "title": "Radix Dialog From Demo", "description": "Demo showing an animated radix dialog.", "registryDependencies": [ "https://animate-ui.com/r/radix-dialog", "button" ], "files": [ { "path": "registry/demo/radix/dialog-from/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/dialog-from.tsx" } ] }, { "name": "radix-dropdown-menu-demo", "type": "registry:ui", "title": "Radix Dropdown Menu Demo", "description": "Demo showing an animated radix dropdown menu.", "registryDependencies": [ "https://animate-ui.com/r/radix-dropdown-menu", "button" ], "dependencies": [ "lucide-react", "motion" ], "files": [ { "path": "registry/demo/radix/dropdown-menu/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/dropdown-menu.tsx" } ] }, { "name": "radix-dropdown-menu-checkboxes-demo", "type": "registry:ui", "title": "Radix Dropdown Menu Checkboxes Demo", "description": "Demo showing an animated radix dropdown menu with checkboxes.", "registryDependencies": [ "https://animate-ui.com/r/radix-dropdown-menu", "button" ], "files": [ { "path": "registry/demo/radix/dropdown-menu-checkboxes/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/dropdown-menu-checkboxes.tsx" } ] }, { "name": "radix-dropdown-menu-radio-group-demo", "type": "registry:ui", "title": "Radix Dropdown Menu Radio Group Demo", "description": "Demo showing an animated radix dropdown menu with radio groups.", "registryDependencies": [ "https://animate-ui.com/r/radix-dropdown-menu", "button" ], "files": [ { "path": "registry/demo/radix/dropdown-menu-radio-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/dropdown-menu-radio-group.tsx" } ] }, { "name": "radix-hover-card-demo", "type": "registry:ui", "title": "Radix Hover Card Demo", "description": "Demo showing an animated radix hover card.", "registryDependencies": [ "https://animate-ui.com/r/radix-hover-card", "button" ], "files": [ { "path": "registry/demo/radix/hover-card/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/hover-card.tsx" } ] }, { "name": "radix-popover-demo", "type": "registry:ui", "title": "Radix Popover Demo", "description": "Demo showing an animated radix popover.", "registryDependencies": [ "https://animate-ui.com/r/radix-popover", "label", "button", "input" ], "files": [ { "path": "registry/demo/radix/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/popover.tsx" } ] }, { "name": "radix-popover-datepicker-demo", "type": "registry:ui", "title": "Radix Popover DatePicker ", "description": "Radix Popover DatePicker", "dependencies": [ "date-fns", "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/radix-popover", "button", "calendar" ], "files": [ { "path": "registry/demo/radix/popover-datepicker/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/popover-datepicker.tsx" } ] }, { "name": "radix-progress-demo", "type": "registry:ui", "title": "Radix Progress Demo", "description": "Demo showing an animated radix progress.", "registryDependencies": [ "https://animate-ui.com/r/radix-progress" ], "files": [ { "path": "registry/demo/radix/progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/progress.tsx" } ] }, { "name": "radix-radio-group-demo", "type": "registry:ui", "title": "Radix Radio Group Demo", "description": "Demo showing an animated radix radio group.", "registryDependencies": [ "https://animate-ui.com/r/radix-radio-group", "label" ], "files": [ { "path": "registry/demo/radix/radio-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/radio-group.tsx" } ] }, { "name": "radix-sheet-demo", "type": "registry:ui", "title": "Radix Sheet Demo", "description": "Demo showing a sheet with radix dialog.", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/radix-sheet", "button", "label", "input" ], "files": [ { "path": "registry/demo/radix/sheet/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/sheet.tsx" } ], "meta": { "demoProps": { "Sheet": { "side": { "value": "right", "options": { "right": "right", "left": "left", "top": "top", "bottom": "bottom" } } } } } }, { "name": "radix-sidebar-demo", "type": "registry:ui", "title": "Radix Sidebar Demo", "description": "Demo showing a sidebar with radix components.", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/radix-sidebar", "https://animate-ui.com/r/radix-collapsible", "https://animate-ui.com/r/radix-dropdown-menu", "use-mobile", "avatar", "breadcrumb", "separator" ], "files": [ { "path": "registry/demo/radix/sidebar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/sidebar.tsx" } ] }, { "name": "radix-switch-demo", "type": "registry:ui", "title": "Radix Switch Demo", "description": "Demo showing an animated radix switch.", "registryDependencies": [ "https://animate-ui.com/r/radix-switch", "label" ], "files": [ { "path": "registry/demo/radix/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/switch.tsx" } ] }, { "name": "radix-tabs-demo", "type": "registry:ui", "title": "Radix Tabs Demo", "description": "Demo showing an animated Radix UI tabs.", "registryDependencies": [ "https://animate-ui.com/r/radix-tabs", "label", "input", "button" ], "files": [ { "path": "registry/demo/radix/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/tabs.tsx" } ] }, { "name": "radix-toggle-group-demo", "type": "registry:ui", "title": "Radix Toggle Group Demo", "description": "Demo showing an animated Radix UI toggle group.", "registryDependencies": [ "https://animate-ui.com/r/radix-toggle-group" ], "files": [ { "path": "registry/demo/radix/toggle-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/toggle-group.tsx" } ] }, { "name": "radix-toggle-group-multiple-demo", "type": "registry:ui", "title": "Radix Toggle Group Multiple Demo", "description": "Demo showing an animated Radix UI toggle group with multiple values.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/radix-toggle-group" ], "files": [ { "path": "registry/demo/radix/toggle-group-multiple/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/toggle-group-multiple.tsx" } ] }, { "name": "radix-tooltip-demo", "type": "registry:ui", "title": "Radix Tooltip Demo", "description": "Demo showing an animated radix tooltip.", "registryDependencies": [ "https://animate-ui.com/r/radix-tooltip" ], "files": [ { "path": "registry/demo/radix/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/radix/tooltip.tsx" } ] }, { "name": "counting-from-number-demo", "type": "registry:ui", "title": "Counting From Number Demo", "description": "Demo showing a counting number starting from a specific number.", "registryDependencies": [ "https://animate-ui.com/r/counting-number" ], "files": [ { "path": "registry/demo/text/counting-from-number/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/counting-from-number.tsx" } ] }, { "name": "counting-number-demo", "type": "registry:ui", "title": "Counting Number Demo", "description": "Demo showing a counting number.", "registryDependencies": [ "https://animate-ui.com/r/counting-number" ], "files": [ { "path": "registry/demo/text/counting-number/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/counting-number.tsx" } ] }, { "name": "counting-number-decimal-demo", "type": "registry:ui", "title": "Counting Number Decimal Demo", "description": "Demo showing a counting number with a decimal separator.", "registryDependencies": [ "https://animate-ui.com/r/counting-number" ], "files": [ { "path": "registry/demo/text/counting-number-decimal/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/counting-number-decimal.tsx" } ] }, { "name": "gradient-text-demo", "type": "registry:ui", "title": "Gradient Text Demo", "description": "Demo showing an animated gradient text.", "registryDependencies": [ "https://animate-ui.com/r/gradient-text" ], "files": [ { "path": "registry/demo/text/gradient/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/gradient.tsx" } ] }, { "name": "highlight-text-demo", "type": "registry:ui", "title": "Highlight Text Demo", "description": "Demo showing an animated highlight text.", "registryDependencies": [ "https://animate-ui.com/r/highlight-text" ], "files": [ { "path": "registry/demo/text/highlight/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/highlight.tsx" } ] }, { "name": "rolling-text-demo", "type": "registry:ui", "title": "Rolling Text Demo", "description": "Demo showing an animated rolling text.", "registryDependencies": [ "https://animate-ui.com/r/rolling-text" ], "files": [ { "path": "registry/demo/text/rolling/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/rolling.tsx" } ] }, { "name": "rotating-text-demo", "type": "registry:ui", "title": "Rotating Text Demo", "description": "Demo showing an animated rotating text.", "registryDependencies": [ "https://animate-ui.com/r/rotating-text" ], "files": [ { "path": "registry/demo/text/rotating/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/rotating.tsx" } ] }, { "name": "shimmering-text-demo", "type": "registry:ui", "title": "Shimmering Text Demo", "description": "Demo showing an animated shimmering text.", "registryDependencies": [ "https://animate-ui.com/r/shimmering-text" ], "files": [ { "path": "registry/demo/text/shimmering/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/shimmering.tsx" } ] }, { "name": "sliding-number-demo", "type": "registry:ui", "title": "Sliding Number Demo", "description": "Demo showing an animated sliding number.", "registryDependencies": [ "https://animate-ui.com/r/sliding-number" ], "files": [ { "path": "registry/demo/text/sliding-number/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/sliding-number.tsx" } ] }, { "name": "sliding-number-decimal-demo", "type": "registry:ui", "title": "Sliding Number Decimal Demo", "description": "Demo showing an animated sliding number with a decimal separator.", "registryDependencies": [ "https://animate-ui.com/r/sliding-number" ], "files": [ { "path": "registry/demo/text/sliding-number-decimal/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/sliding-number-decimal.tsx" } ] }, { "name": "splitting-text-demo", "type": "registry:ui", "title": "Splitting Text Demo", "description": "Demo showing an animated splitting text.", "registryDependencies": [ "https://animate-ui.com/r/splitting-text" ], "files": [ { "path": "registry/demo/text/splitting/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/splitting.tsx" } ] }, { "name": "splitting-lines-demo", "type": "registry:ui", "title": "Splitting Lines Demo", "description": "Demo showing an animated splitting lines.", "registryDependencies": [ "https://animate-ui.com/r/splitting-text" ], "files": [ { "path": "registry/demo/text/splitting-lines/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/splitting-lines.tsx" } ] }, { "name": "splitting-with-custom-variants-demo", "type": "registry:ui", "title": "Splitting with Custom Variants Demo", "description": "Demo showing an animated splitting text with custom variants.", "registryDependencies": [ "https://animate-ui.com/r/splitting-text" ], "files": [ { "path": "registry/demo/text/splitting-with-custom-variants/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/splitting-with-custom-variants.tsx" } ] }, { "name": "splitting-words-demo", "type": "registry:ui", "title": "Splitting Words Demo", "description": "Demo showing an animated splitting words.", "registryDependencies": [ "https://animate-ui.com/r/splitting-text" ], "files": [ { "path": "registry/demo/text/splitting-words/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/splitting-words.tsx" } ] }, { "name": "typing-text-demo", "type": "registry:ui", "title": "Typing Text Demo", "description": "Demo showing an animated typing text.", "registryDependencies": [ "https://animate-ui.com/r/typing-text" ], "files": [ { "path": "registry/demo/text/typing/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/typing.tsx" } ] }, { "name": "writing-text-demo", "type": "registry:ui", "title": "Writing Text Demo", "description": "Demo showing an animated writing text.", "registryDependencies": [ "https://animate-ui.com/r/writing-text" ], "files": [ { "path": "registry/demo/text/writing/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/text/writing.tsx" } ] }, { "name": "management-bar-demo", "type": "registry:ui", "title": "Management Bar Demo", "description": "Demo management Bar.", "registryDependencies": [ "https://animate-ui.com/r/management-bar" ], "files": [ { "path": "registry/demo/ui-elements/management-bar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/ui-elements/management-bar.tsx" } ] }, { "name": "notification-list-demo", "type": "registry:ui", "title": "Notification List Demo", "description": "Demo Notification List", "registryDependencies": [ "https://animate-ui.com/r/notification-list" ], "files": [ { "path": "registry/demo/ui-elements/notification-list/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/ui-elements/notification-list.tsx" } ] }, { "name": "playful-todolist-demo", "type": "registry:ui", "title": "Playful Todolist Demo", "description": "Demo Playful Todolist.", "registryDependencies": [ "https://animate-ui.com/r/playful-todolist" ], "files": [ { "path": "registry/demo/ui-elements/playful-todolist/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/ui-elements/playful-todolist.tsx" } ] }, { "name": "user-presence-avatar-demo", "type": "registry:ui", "title": "User Presence Avatar Demo", "description": "Demo User Presence Avatar Demo.", "registryDependencies": [ "https://animate-ui.com/r/user-presence-avatar" ], "files": [ { "path": "registry/demo/ui-elements/user-presence-avatar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/demo/ui-elements/user-presence-avatar.tsx" } ] }, { "name": "magnetic", "type": "registry:ui", "title": "Magnetic", "description": "A magnetic effect that clings to the cursor, creating a magnetic attraction effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/effects/magnetic/index.tsx", "type": "registry:ui", "target": "components/animate-ui/effects/magnetic.tsx" } ] }, { "name": "motion-effect", "type": "registry:ui", "title": "Motion Effect", "description": "Motion effect component that displays the motion effect (fade in, slide in, etc.).", "dependencies": [ "motion" ], "files": [ { "path": "registry/effects/motion-effect/index.tsx", "type": "registry:ui", "target": "components/animate-ui/effects/motion-effect.tsx" } ] }, { "name": "motion-highlight", "type": "registry:ui", "title": "Motion Highlight", "description": "Motion highlight component that displays the motion highlight effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/effects/motion-highlight/index.tsx", "type": "registry:ui", "target": "components/animate-ui/effects/motion-highlight.tsx" } ] }, { "name": "headless-accordion", "type": "registry:ui", "title": "Headless Accordion", "description": "A vertically stacked set of interactive headings that each reveal an associated section of content built with Headless UI.", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/headless-disclosure" ], "files": [ { "path": "registry/headless/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/accordion.tsx" } ] }, { "name": "headless-checkbox", "type": "registry:ui", "title": "Headless Checkbox", "description": "Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.", "dependencies": [ "@headlessui/react", "motion" ], "files": [ { "path": "registry/headless/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/checkbox.tsx" } ] }, { "name": "headless-dialog", "type": "registry:ui", "title": "Headless Dialog", "description": "A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.", "dependencies": [ "@headlessui/react", "motion" ], "files": [ { "path": "registry/headless/dialog/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/dialog.tsx" } ] }, { "name": "headless-disclosure", "type": "registry:ui", "title": "Headless Disclosure", "description": "A simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.", "dependencies": [ "@headlessui/react", "motion" ], "files": [ { "path": "registry/headless/disclosure/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/disclosure.tsx" } ] }, { "name": "headless-popover", "type": "registry:ui", "title": "Headless Popover", "description": "Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.", "dependencies": [ "@headlessui/react", "motion" ], "files": [ { "path": "registry/headless/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/popover.tsx" } ] }, { "name": "headless-switch", "type": "registry:ui", "title": "Headless Switch", "description": "Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.", "dependencies": [ "@headlessui/react", "motion" ], "files": [ { "path": "registry/headless/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/switch.tsx" } ] }, { "name": "headless-tabs", "type": "registry:ui", "title": "Headless Tabs", "description": "Easily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.", "dependencies": [ "motion", "@headlessui/react" ], "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/headless/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/headless/tabs.tsx" } ] }, { "name": "activity-icon", "type": "registry:ui", "title": "Activity Icon", "description": "Activity icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/activity/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/activity.tsx" } ], "meta": { "keywords": [ "activity", "pulse", "action", "motion", "healthcare", "fitness", "medical", "health", "siesmic", "magnitude", "intensive care", "hospital", "emergency", "ambulance", "vitals", "vital signs", "heart rate monitor" ] } }, { "name": "alarm-clock-icon", "type": "registry:ui", "title": "Alarm Clock Icon", "description": "Alarm clock icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/alarm-clock/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/alarm-clock.tsx" } ], "meta": { "keywords": [ "morning" ] } }, { "name": "arrow-down-icon", "type": "registry:ui", "title": "Arrow Down Icon", "description": "Arrow down icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/arrow-down/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/arrow-down.tsx" } ], "meta": { "keywords": [ "arrow", "down", "backward", "direction", "south" ] } }, { "name": "arrow-left-icon", "type": "registry:ui", "title": "Arrow Left Icon", "description": "Arrow left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/arrow-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/arrow-left.tsx" } ], "meta": { "keywords": [ "arrow", "left", "back", "previous", "direction", "west", "<-" ] } }, { "name": "arrow-right-icon", "type": "registry:ui", "title": "Arrow Right Icon", "description": "Arrow right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/arrow-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/arrow-right.tsx" } ], "meta": { "keywords": [ "arrow", "right", "forward", "next", "direction", "east", "->" ] } }, { "name": "arrow-up-icon", "type": "registry:ui", "title": "Arrow Up Icon", "description": "Arrow up icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/arrow-up/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/arrow-up.tsx" } ], "meta": { "keywords": [ "arrow", "up", "forward", "direction", "north" ] } }, { "name": "audio-lines-icon", "type": "registry:ui", "title": "Audio Lines Icon", "description": "Audio Lines icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/audio-lines/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/audio-lines.tsx" } ], "meta": { "keywords": [ "graphic equaliser", "sound", "noise", "listen", "hearing", "hertz", "frequency", "wavelength", "vibrate", "sine", "synthesizer", "synthesiser", "levels", "track", "music", "playback", "radio", "broadcast", "airwaves", "voice", "vocals", "singer", "song" ] } }, { "name": "axe-icon", "type": "registry:ui", "title": "Axe Icon", "description": "Axe icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/axe/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/axe.tsx" } ], "meta": { "keywords": [ "hatchet", "weapon", "chop", "sharp", "equipment", "fireman", "firefighter", "brigade", "lumberjack", "woodcutter", "logger", "forestry" ] } }, { "name": "battery-charging-icon", "type": "registry:ui", "title": "Battery Charging Icon", "description": "Battery Charging icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/battery-charging/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/battery-charging.tsx" } ], "meta": { "keywords": [ "power", "electricity", "energy", "accumulator", "charge" ] } }, { "name": "battery-full-icon", "type": "registry:ui", "title": "Battery Full Icon", "description": "Battery Full icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/battery-full/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/battery-full.tsx" } ], "meta": { "keywords": [ "power", "electricity", "energy", "accumulator", "charge" ] } }, { "name": "battery-low-icon", "type": "registry:ui", "title": "Battery Low Icon", "description": "Battery Low icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/battery-low/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/battery-low.tsx" } ], "meta": { "keywords": [ "power", "electricity", "energy", "accumulator", "charge" ] } }, { "name": "battery-medium-icon", "type": "registry:ui", "title": "Battery Medium Icon", "description": "Battery Medium icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/battery-medium/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/battery-medium.tsx" } ], "meta": { "keywords": [ "power", "electricity", "energy", "accumulator", "charge" ] } }, { "name": "bell-icon", "type": "registry:ui", "title": "Bell Icon", "description": "Bell icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bell/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bell.tsx" } ], "meta": { "keywords": [ "alarm", "notification", "sound", "reminder" ] } }, { "name": "bell-off-icon", "type": "registry:ui", "title": "Bell Off Icon", "description": "Bell off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bell-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bell-off.tsx" } ], "meta": { "keywords": [ "alarm", "notification", "sound", "reminder" ] } }, { "name": "bell-ring-icon", "type": "registry:ui", "title": "Bell Ring Icon", "description": "Bell ring icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bell-ring/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bell-ring.tsx" } ], "meta": { "keywords": [ "alarm", "notification", "sound", "reminder" ] } }, { "name": "bot-icon", "type": "registry:ui", "title": "Bot Icon", "description": "Bot icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bot/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bot.tsx" } ], "meta": { "keywords": [ "robot", "ai", "chat", "assistant" ] } }, { "name": "bot-message-square-icon", "type": "registry:ui", "title": "Bot Message Square Icon", "description": "Bot message square icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bot-message-square/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bot-message-square.tsx" } ], "meta": { "keywords": [ "robot", "ai", "chat", "assistant" ] } }, { "name": "bot-off-icon", "type": "registry:ui", "title": "Bot Off Icon", "description": "Bot off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/bot-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/bot-off.tsx" } ], "meta": { "keywords": [ "robot", "ai", "chat", "assistant" ] } }, { "name": "brush-icon", "type": "registry:ui", "title": "Brush Icon", "description": "Brush icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/brush/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/brush.tsx" } ], "meta": { "keywords": [ "clean", "sweep", "refactor", "remove", "draw", "paint", "color", "artist" ] } }, { "name": "brush-cleaning-icon", "type": "registry:ui", "title": "Brush Cleaning Icon", "description": "Brush cleaning icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/brush-cleaning/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/brush-cleaning.tsx" } ], "meta": { "keywords": [ "cleaning", "utensil", "housekeeping", "tool", "sweeping", "scrubbing", "hygiene", "maintenance", "household", "cleaner", "chores", "equipment", "sanitation", "bristles", "handle", "home care", "sanitize", "purify", "wash", "disinfect", "sterilize", "scrub", "polish", "decontaminate", "wipe", "spotless", "remove", "empty", "erase", "purge", "eliminate" ] } }, { "name": "cherry-icon", "type": "registry:ui", "title": "Cherry Icon", "description": "Cherry icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/cherry/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/cherry.tsx" } ], "meta": { "keywords": [ "fruit", "food" ] } }, { "name": "chevron-down-icon", "type": "registry:ui", "title": "Chevron Down Icon", "description": "Chevron down icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-down/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-down.tsx" } ], "meta": { "keywords": [ "backwards", "reverse", "slow", "dropdown" ] } }, { "name": "chevron-left-icon", "type": "registry:ui", "title": "Chevron Left Icon", "description": "Chevron left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-left.tsx" } ], "meta": { "keywords": [ "back", "previous", "less than", "fewer", "menu", "<" ] } }, { "name": "chevron-left-right-icon", "type": "registry:ui", "title": "Chevron Left Right Icon", "description": "Chevron left right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-left-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-left-right.tsx" } ], "meta": { "keywords": [ "expand", "horizontal", "unfold", "<>" ] } }, { "name": "chevron-right-icon", "type": "registry:ui", "title": "Chevron Right Icon", "description": "Chevron right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-right.tsx" } ], "meta": { "keywords": [ "forward", "next", "more than", "greater", "menu", "code", "coding", "command line", "terminal", "prompt", "shell", ">" ] } }, { "name": "chevron-up-icon", "type": "registry:ui", "title": "Chevron Up Icon", "description": "Chevron up icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-up/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-up.tsx" } ], "meta": { "keywords": [ "caret", "keyboard", "mac", "control", "ctrl", "superscript", "exponential", "power", "ahead", "fast", "^", "dropdown" ] } }, { "name": "chevron-up-down-icon", "type": "registry:ui", "title": "Chevron Up Down Icon", "description": "Chevron up down icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/chevron-up-down/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/chevron-up-down.tsx" } ], "meta": { "keywords": [ "expand", "vertical", "unfold" ] } }, { "name": "circle-plus-icon", "type": "registry:ui", "title": "Circle Plus Icon", "description": "Circle plus icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/circle-plus/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/circle-plus.tsx" } ], "meta": { "keywords": [ "circle", "plus", "add", "sum", "addition", "math", "maths", "new", "+", "increase", "positive", "calculate" ] } }, { "name": "circle-x-icon", "type": "registry:ui", "title": "Circle X Icon", "description": "Circle x icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/circle-x/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/circle-x.tsx" } ], "meta": { "keywords": [ "x", "circle", "cross", "delete", "close", "cancel", "remove", "clear", "math", "multiply", "multiplication" ] } }, { "name": "clock-icon", "type": "registry:ui", "title": "Clock Icon", "description": "Clock icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-1-icon", "type": "registry:ui", "title": "Clock 1 Icon", "description": "Clock 1 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-1/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-1.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-10-icon", "type": "registry:ui", "title": "Clock 10 Icon", "description": "Clock 10 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-10/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-10.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-11-icon", "type": "registry:ui", "title": "Clock 11 Icon", "description": "Clock 11 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-11/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-11.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-12-icon", "type": "registry:ui", "title": "Clock 12 Icon", "description": "Clock 12 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-12/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-12.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-2-icon", "type": "registry:ui", "title": "Clock 2 Icon", "description": "Clock 2 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-2/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-2.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-3-icon", "type": "registry:ui", "title": "Clock 3 Icon", "description": "Clock 3 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-3/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-3.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-4-icon", "type": "registry:ui", "title": "Clock 4 Icon", "description": "Clock 4 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-4/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-4.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-5-icon", "type": "registry:ui", "title": "Clock 5 Icon", "description": "Clock 5 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-5/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-5.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-6-icon", "type": "registry:ui", "title": "Clock 6 Icon", "description": "Clock 6 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-6/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-6.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-7-icon", "type": "registry:ui", "title": "Clock 7 Icon", "description": "Clock 7 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-7/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-7.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-8-icon", "type": "registry:ui", "title": "Clock 8 Icon", "description": "Clock 8 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-8/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-8.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "clock-9-icon", "type": "registry:ui", "title": "Clock 9 Icon", "description": "Clock 9 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/clock-9/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/clock-9.tsx" } ], "meta": { "keywords": [ "clock", "time", "watch", "alarm", "timer" ] } }, { "name": "cloud-download-icon", "type": "registry:ui", "title": "Cloud Download Icon", "description": "Cloud download icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/cloud-download/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/cloud-download.tsx" } ], "meta": { "keywords": [ "import" ] } }, { "name": "cloud-upload-icon", "type": "registry:ui", "title": "Cloud Upload Icon", "description": "Cloud upload icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/cloud-upload/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/cloud-upload.tsx" } ], "meta": { "keywords": [ "file" ] } }, { "name": "cog-icon", "type": "registry:ui", "title": "Cog Icon", "description": "Cog icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/cog/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/cog.tsx" } ], "meta": { "keywords": [ "computing", "settings", "cog", "edit", "gear", "preferences", "controls", "configuration", "fixed", "build", "construction", "parts" ] } }, { "name": "compass-icon", "type": "registry:ui", "title": "Compass Icon", "description": "Compass icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/compass/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/compass.tsx" } ], "meta": { "keywords": [ "direction", "north", "south", "east", "west", "safari", "browser" ] } }, { "name": "copy-icon", "type": "registry:ui", "title": "Copy Icon", "description": "Copy icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/copy/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/copy.tsx" } ], "meta": { "keywords": [ "clone", "duplicate", "multiple" ] } }, { "name": "disc-3-icon", "type": "registry:ui", "title": "Disc 3 Icon", "description": "Disc 3 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/disc-3/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/disc-3.tsx" } ], "meta": { "keywords": [ "album", "album", "vinyl", "record", "cd", "dvd", "format", "dj", "spin", "rotate", "rpm" ] } }, { "name": "download-icon", "type": "registry:ui", "title": "Download Icon", "description": "Download icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/download/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/download.tsx" } ], "meta": { "keywords": [ "import", "export", "save" ] } }, { "name": "expand-icon", "type": "registry:ui", "title": "Expand Icon", "description": "Expand icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/expand/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/expand.tsx" } ], "meta": { "keywords": [ "scale", "fullscreen", "maximize", "minimize", "contract" ] } }, { "name": "external-link-icon", "type": "registry:ui", "title": "External Link Icon", "description": "External link icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/external-link/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/external-link.tsx" } ], "meta": { "keywords": [ "outbound", "open", "share" ] } }, { "name": "fingerprint-icon", "type": "registry:ui", "title": "Fingerprint Icon", "description": "Fingerprint icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/fingerprint/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/fingerprint.tsx" } ], "meta": { "keywords": [ "2fa", "authentication", "biometric", "identity", "security" ] } }, { "name": "forklift-icon", "type": "registry:ui", "title": "Forklift Icon", "description": "Forklift icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/forklift/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/forklift.tsx" } ], "meta": { "keywords": [ "vehicle", "transport", "logistics" ] } }, { "name": "gauge-icon", "type": "registry:ui", "title": "Gauge Icon", "description": "Gauge icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/gauge/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/gauge.tsx" } ], "meta": { "keywords": [ "dashboard", "dial", "meter", "speed", "pressure", "measure", "level" ] } }, { "name": "gavel-icon", "type": "registry:ui", "title": "Gavel Icon", "description": "Gavel icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/gavel/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/gavel.tsx" } ], "meta": { "keywords": [ "mallet", "hammer" ] } }, { "name": "hammer-icon", "type": "registry:ui", "title": "Hammer Icon", "description": "Hammer icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/hammer/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/hammer.tsx" } ], "meta": { "keywords": [ "mallet", "nails", "diy", "toolbox", "build", "construction" ] } }, { "name": "heart-icon", "type": "registry:ui", "title": "Heart Icon", "description": "Heart icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/heart/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/heart.tsx" } ], "meta": { "keywords": [ "like", "love", "emotion", "suit", "playing", "cards" ] } }, { "name": "house-wifi-icon", "type": "registry:ui", "title": "House Wifi Icon", "description": "House wifi icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/house-wifi/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/house-wifi.tsx" } ], "meta": { "keywords": [ "home", "living", "building", "wifi", "connectivity" ] } }, { "name": "icon", "type": "registry:ui", "title": "Icon", "description": "Base component to use animated icons.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/icon/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/icon.tsx" } ] }, { "name": "kanban-icon", "type": "registry:ui", "title": "Kanban Icon", "description": "Kanban icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/kanban/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/kanban.tsx" } ], "meta": { "keywords": [ "projects", "manage", "overview", "board", "tickets", "issues", "roadmap", "plan", "intentions", "productivity", "work", "agile", "code", "coding" ] } }, { "name": "layers-icon", "type": "registry:ui", "title": "Layers Icon", "description": "Layers icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/layers/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/layers.tsx" } ], "meta": { "keywords": [ "stack", "pile", "pages", "sheets", "paperwork", "copies", "copy" ] } }, { "name": "layers-2-icon", "type": "registry:ui", "title": "Layers 2 Icon", "description": "Layers 2 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/layers-2/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/layers-2.tsx" } ], "meta": { "keywords": [ "stack", "pile", "pages", "sheets", "paperwork", "copies", "copy", "duplicate", "double", "shortcuts" ] } }, { "name": "layout-dashboard-icon", "type": "registry:ui", "title": "Layout Dashboard Icon", "description": "Layout dashboard icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/layout-dashboard/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/layout-dashboard.tsx" } ], "meta": { "keywords": [ "masonry", "brick" ] } }, { "name": "lightbulb-icon", "type": "registry:ui", "title": "Lightbulb Icon", "description": "Lightbulb icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/lightbulb/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/lightbulb.tsx" } ], "meta": { "keywords": [ "idea", "bright", "lights" ] } }, { "name": "lightbulb-off-icon", "type": "registry:ui", "title": "Lightbulb Off Icon", "description": "Lightbulb off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/lightbulb-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/lightbulb-off.tsx" } ], "meta": { "keywords": [ "lights" ] } }, { "name": "loader-icon", "type": "registry:ui", "title": "Loader Icon", "description": "Loader icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/loader/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/loader.tsx" } ], "meta": { "keywords": [ "loading", "wait", "busy", "progress", "throbber", "spinner", "spinning" ] } }, { "name": "loader-circle-icon", "type": "registry:ui", "title": "Loader Circle Icon", "description": "Loader circle icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/loader-circle/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/loader-circle.tsx" } ], "meta": { "keywords": [ "loading", "wait", "busy", "progress", "throbber", "spinner", "spinning", "circle" ] } }, { "name": "loader-pinwheel-icon", "type": "registry:ui", "title": "Loader Pinwheel Icon", "description": "Loader pinwheel icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/loader-pinwheel/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/loader-pinwheel.tsx" } ], "meta": { "keywords": [ "loading", "wait", "busy", "progress", "throbber", "spinner", "spinning", "beach ball", "frozen", "freeze" ] } }, { "name": "log-in-icon", "type": "registry:ui", "title": "Log In Icon", "description": "Log in icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/log-in/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/log-in.tsx" } ], "meta": { "keywords": [ "sign in", "arrow", "enter", "auth" ] } }, { "name": "log-out-icon", "type": "registry:ui", "title": "Log Out Icon", "description": "Log out icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/log-out/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/log-out.tsx" } ], "meta": { "keywords": [ "sign out", "arrow", "exit", "auth" ] } }, { "name": "map-pin-icon", "type": "registry:ui", "title": "Map Pin Icon", "description": "Map pin icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/map-pin/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/map-pin.tsx" } ], "meta": { "keywords": [ "map", "pin", "location", "waypoint", "marker", "drop" ] } }, { "name": "map-pin-off-icon", "type": "registry:ui", "title": "Map Pin Off Icon", "description": "Map pin off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/map-pin-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/map-pin-off.tsx" } ], "meta": { "keywords": [ "location", "waypoint", "marker", "remove" ] } }, { "name": "maximize-icon", "type": "registry:ui", "title": "Maximize Icon", "description": "Maximize icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/maximize/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/maximize.tsx" } ], "meta": { "keywords": [ "fullscreen", "expand", "dashed" ] } }, { "name": "menu-icon", "type": "registry:ui", "title": "Menu Icon", "description": "Menu icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/menu/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/menu.tsx" } ], "meta": { "keywords": [ "bars", "navigation", "hamburger", "options" ] } }, { "name": "message-circle-icon", "type": "registry:ui", "title": "Message Circle Icon", "description": "Message circle icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble" ] } }, { "name": "message-circle-code-icon", "type": "registry:ui", "title": "Message Circle Code Icon", "description": "Message circle code icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-code/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-code.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "code review", "coding" ] } }, { "name": "message-circle-dashed-icon", "type": "registry:ui", "title": "Message Circle Dashed Icon", "description": "Message circle dashed icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-dashed/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-dashed.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "draft" ] } }, { "name": "message-circle-heart-icon", "type": "registry:ui", "title": "Message Circle Heart Icon", "description": "Message circle heart icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-heart/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-heart.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "positive", "like", "love", "interest", "valentine", "dating", "date", "speech bubble" ] } }, { "name": "message-circle-more-icon", "type": "registry:ui", "title": "Message Circle More Icon", "description": "Message circle more icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-more/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-more.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "typing", "writing", "responding", "ellipsis", "etc", "et cetera", "..." ] } }, { "name": "message-circle-off-icon", "type": "registry:ui", "title": "Message Circle Off Icon", "description": "Message circle off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-off.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "clear", "close", "delete", "remove", "cancel", "silence", "mute", "moderate" ] } }, { "name": "message-circle-plus-icon", "type": "registry:ui", "title": "Message Circle Plus Icon", "description": "Message circle plus icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-plus/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-plus.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "add" ] } }, { "name": "message-circle-question-icon", "type": "registry:ui", "title": "Message Circle Question Icon", "description": "Message circle question icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-question/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-question.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "help" ] } }, { "name": "message-circle-warning-icon", "type": "registry:ui", "title": "Message Circle Warning Icon", "description": "Message circle warning icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-warning/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-warning.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "report", "abuse", "offense", "alert", "danger", "caution", "protected", "exclamation mark" ] } }, { "name": "message-circle-x-icon", "type": "registry:ui", "title": "Message Circle X Icon", "description": "Message circle x icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-circle-x/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-circle-x.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "clear", "close", "delete", "remove", "cancel", "silence", "mute", "moderate" ] } }, { "name": "message-square-icon", "type": "registry:ui", "title": "Message Square Icon", "description": "Message square icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble" ] } }, { "name": "message-square-code-icon", "type": "registry:ui", "title": "Message Square Code Icon", "description": "Message square code icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-code/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-code.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "code review", "coding" ] } }, { "name": "message-square-dashed-icon", "type": "registry:ui", "title": "Message Square Dashed Icon", "description": "Message square dashed icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-dashed/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-dashed.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "draft" ] } }, { "name": "message-square-diff-icon", "type": "registry:ui", "title": "Message Square Diff Icon", "description": "Message square diff icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-diff/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-diff.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "add", "patch", "difference", "plus", "minus", "plus-minus", "math", "code review", "coding", "version control", "git" ] } }, { "name": "message-square-dot-icon", "type": "registry:ui", "title": "Message Square Dot Icon", "description": "Message square dot icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-dot/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-dot.tsx" } ], "meta": { "keywords": [ "unread", "unresolved", "comment", "chat", "conversation", "dialog", "feedback", "speech bubble" ] } }, { "name": "message-square-heart-icon", "type": "registry:ui", "title": "Message Square Heart Icon", "description": "Message square heart icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-heart/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-heart.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "positive", "like", "love", "interest", "valentine", "dating", "date", "speech bubble" ] } }, { "name": "message-square-more-icon", "type": "registry:ui", "title": "Message Square More Icon", "description": "Message square more icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-more/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-more.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "typing", "writing", "responding", "ellipsis", "etc", "et cetera", "..." ] } }, { "name": "message-square-off-icon", "type": "registry:ui", "title": "Message Square Off Icon", "description": "Message square off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-off.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "clear", "close", "delete", "remove", "cancel", "silence", "mute", "moderate" ] } }, { "name": "message-square-plus-icon", "type": "registry:ui", "title": "Message Square Plus Icon", "description": "Message square plus icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-plus/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-plus.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "add" ] } }, { "name": "message-square-quote-icon", "type": "registry:ui", "title": "Message Square Quote Icon", "description": "Message square quote icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-quote/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-quote.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "blockquote", "quotation", "indent", "reply", "response" ] } }, { "name": "message-square-share-icon", "type": "registry:ui", "title": "Message Square Share Icon", "description": "Message square share icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-share/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-share.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "network", "forward" ] } }, { "name": "message-square-text-icon", "type": "registry:ui", "title": "Message Square Text Icon", "description": "Message square text icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-text/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-text.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble" ] } }, { "name": "message-square-warning-icon", "type": "registry:ui", "title": "Message Square Warning Icon", "description": "Message square warning icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-warning/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-warning.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "report", "abuse", "offense", "alert", "danger", "caution", "protected", "exclamation mark" ] } }, { "name": "message-square-x-icon", "type": "registry:ui", "title": "Message Square X Icon", "description": "Message square x icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/message-square-x/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/message-square-x.tsx" } ], "meta": { "keywords": [ "comment", "chat", "conversation", "dialog", "feedback", "speech bubble", "clear", "close", "delete", "remove", "cancel", "silence", "mute", "moderate" ] } }, { "name": "minimize-icon", "type": "registry:ui", "title": "Minimize Icon", "description": "Minimize icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/minimize/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/minimize.tsx" } ], "meta": { "keywords": [ "exit fullscreen", "close", "shrink" ] } }, { "name": "move-down-icon", "type": "registry:ui", "title": "Move Down Icon", "description": "Move down icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/move-down/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/move-down.tsx" } ], "meta": { "keywords": [ "move", "arrow", "down", "direction", "south", "↓" ] } }, { "name": "move-left-icon", "type": "registry:ui", "title": "Move Left Icon", "description": "Move left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/move-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/move-left.tsx" } ], "meta": { "keywords": [ "move", "arrow", "left", "back", "previous", "direction", "east", "<-" ] } }, { "name": "move-right-icon", "type": "registry:ui", "title": "Move Right Icon", "description": "Move right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/move-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/move-right.tsx" } ], "meta": { "keywords": [ "move", "arrow", "right", "forward", "next", "direction", "east", "->" ] } }, { "name": "move-up-icon", "type": "registry:ui", "title": "Move Up Icon", "description": "Move up icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/move-up/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/move-up.tsx" } ], "meta": { "keywords": [ "move", "arrow", "up", "direction", "north", "↑" ] } }, { "name": "paintbrush-icon", "type": "registry:ui", "title": "Paintbrush Icon", "description": "Paintbrush icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/paintbrush/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/paintbrush.tsx" } ], "meta": { "keywords": [ "brush", "paintbrush", "design", "color", "colour", "decoration", "diy" ] } }, { "name": "panel-bottom-icon", "type": "registry:ui", "title": "Panel Bottom Icon", "description": "Panel bottom icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/panel-bottom/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/panel-bottom.tsx" } ], "meta": { "keywords": [ "sidebar", "panel", "bottom", "menu", "drawer", "navigation" ] } }, { "name": "panel-left-icon", "type": "registry:ui", "title": "Panel Left Icon", "description": "Panel left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/panel-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/panel-left.tsx" } ], "meta": { "keywords": [ "sidebar", "panel", "left", "menu", "drawer", "navigation" ] } }, { "name": "panel-right-icon", "type": "registry:ui", "title": "Panel Right Icon", "description": "Panel right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/panel-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/panel-right.tsx" } ], "meta": { "keywords": [ "sidebar", "panel", "right", "menu", "drawer", "navigation" ] } }, { "name": "panel-top-icon", "type": "registry:ui", "title": "Panel Top Icon", "description": "Panel top icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/panel-top/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/panel-top.tsx" } ], "meta": { "keywords": [ "sidebar", "panel", "top", "menu", "drawer", "navigation" ] } }, { "name": "pause-icon", "type": "registry:ui", "title": "Pause Icon", "description": "Pause icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/pause/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/pause.tsx" } ], "meta": { "keywords": [ "music", "stop" ] } }, { "name": "pickaxe-icon", "type": "registry:ui", "title": "Pickaxe Icon", "description": "Pickaxe icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/pickaxe/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/pickaxe.tsx" } ], "meta": { "keywords": [ "mining", "mine", "land worker", "extraction", "labor", "construction", "progress", "advancement", "crafting" ] } }, { "name": "pin-icon", "type": "registry:ui", "title": "Pin Icon", "description": "Pin icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/pin/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/pin.tsx" } ], "meta": { "keywords": [ "pin", "map", "location", "lock", "fixed", "anchor" ] } }, { "name": "pin-off-icon", "type": "registry:ui", "title": "Pin Off Icon", "description": "Pin off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/pin-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/pin-off.tsx" } ], "meta": { "keywords": [ "unpin", "map", "unlock", "unfix", "unsave", "remove" ] } }, { "name": "play-icon", "type": "registry:ui", "title": "Play Icon", "description": "Play icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/play/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/play.tsx" } ], "meta": { "keywords": [ "music", "audio", "video", "start", "run" ] } }, { "name": "plus-icon", "type": "registry:ui", "title": "Plus Icon", "description": "Plus icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/plus/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/plus.tsx" } ], "meta": { "keywords": [ "plus", "add", "sum", "addition", "math", "maths", "new", "+", "increase", "positive", "calculate" ] } }, { "name": "refresh-ccw-icon", "type": "registry:ui", "title": "Refresh Ccw Icon", "description": "Refresh ccw icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/refresh-ccw/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/refresh-ccw.tsx" } ], "meta": { "keywords": [ "rotate", "arrows", "synchronise", "reload", "rerun", "circular", "cycle" ] } }, { "name": "refresh-ccw-dot-icon", "type": "registry:ui", "title": "Refresh Ccw Dot Icon", "description": "Refresh ccw dot icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/refresh-ccw-dot/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/refresh-ccw-dot.tsx" } ], "meta": { "keywords": [ "rotate", "arrows", "synchronise", "reload", "rerun", "circular", "cycle", "issue", "code", "coding", "version control" ] } }, { "name": "refresh-cw-icon", "type": "registry:ui", "title": "Refresh Cw Icon", "description": "Refresh cw icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/refresh-cw/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/refresh-cw.tsx" } ], "meta": { "keywords": [ "rotate", "arrows", "synchronise", "reload", "rerun", "circular", "cycle" ] } }, { "name": "refresh-cw-off-icon", "type": "registry:ui", "title": "Refresh Cw Off Icon", "description": "Refresh cw off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/refresh-cw-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/refresh-cw-off.tsx" } ], "meta": { "keywords": [ "rotate", "arrows", "synchronise", "reload", "rerun", "circular", "cycle", "cancel", "no", "stop", "error", "disconnect", "ignore" ] } }, { "name": "rotate-ccw-icon", "type": "registry:ui", "title": "Rotate Ccw Icon", "description": "Rotate ccw icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/rotate-ccw/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/rotate-ccw.tsx" } ], "meta": { "keywords": [ "rotate", "arrow", "left", "counter-clockwise", "restart", "reload", "rerun", "refresh", "backup", "undo", "replay", "redo", "retry", "rewind", "reverse" ] } }, { "name": "rotate-cw-icon", "type": "registry:ui", "title": "Rotate Cw Icon", "description": "Rotate cw icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/rotate-cw/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/rotate-cw.tsx" } ], "meta": { "keywords": [ "rotate", "arrow", "right", "clockwise", "refresh", "reload", "rerun", "redo" ] } }, { "name": "search-icon", "type": "registry:ui", "title": "Search Icon", "description": "Search icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/search/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/search.tsx" } ], "meta": { "keywords": [ "find", "scan", "magnifier", "magnifying glass", "lens" ] } }, { "name": "send-icon", "type": "registry:ui", "title": "Send Icon", "description": "Send icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/send/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/send.tsx" } ], "meta": { "keywords": [ "send", "email", "message", "mail", "paper aeroplane", "submit" ] } }, { "name": "send-horizontal-icon", "type": "registry:ui", "title": "Send Horizontal Icon", "description": "Send horizontal icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/send-horizontal/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/send-horizontal.tsx" } ], "meta": { "keywords": [ "send", "email", "message", "mail", "paper aeroplane", "submit" ] } }, { "name": "settings-icon", "type": "registry:ui", "title": "Settings Icon", "description": "Settings icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/settings/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/settings.tsx" } ], "meta": { "keywords": [ "cog", "edit", "gear", "preferences" ] } }, { "name": "shrink-icon", "type": "registry:ui", "title": "Shrink Icon", "description": "Shrink icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/shrink/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/shrink.tsx" } ], "meta": { "keywords": [ "scale", "fullscreen", "maximize", "minimize", "contract" ] } }, { "name": "square-arrow-out-down-left-icon", "type": "registry:ui", "title": "Square Arrow Out Down Left Icon", "description": "Square arrow out down left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-arrow-out-down-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-arrow-out-down-left.tsx" } ], "meta": { "keywords": [ "outwards", "direction", "south-west", "diagonal" ] } }, { "name": "square-arrow-out-down-right-icon", "type": "registry:ui", "title": "Square Arrow Out Down Right Icon", "description": "Square arrow out down right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-arrow-out-down-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-arrow-out-down-right.tsx" } ], "meta": { "keywords": [ "outwards", "direction", "south-east", "diagonal" ] } }, { "name": "square-arrow-out-up-left-icon", "type": "registry:ui", "title": "Square Arrow Out Up Left Icon", "description": "Square arrow out up left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-arrow-out-up-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-arrow-out-up-left.tsx" } ], "meta": { "keywords": [ "outwards", "direction", "north-west", "diagonal" ] } }, { "name": "square-arrow-out-up-right-icon", "type": "registry:ui", "title": "Square Arrow Out Up Right Icon", "description": "Square arrow out up right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-arrow-out-up-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-arrow-out-up-right.tsx" } ], "meta": { "keywords": [ "outwards", "direction", "north-east", "diagonal", "share", "open", "external", "link" ] } }, { "name": "square-dashed-kanban-icon", "type": "registry:ui", "title": "Square Dashed Kanban Icon", "description": "Square Dashed Kanban icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-dashed-kanban/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-dashed-kanban.tsx" } ], "meta": { "keywords": [ "projects", "manage", "overview", "board", "tickets", "issues", "roadmap", "plan", "intentions", "productivity", "work", "agile", "code", "coding" ] } }, { "name": "square-kanban-icon", "type": "registry:ui", "title": "Square Kanban Icon", "description": "Square Kanban icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-kanban/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-kanban.tsx" } ], "meta": { "keywords": [ "projects", "manage", "overview", "board", "tickets", "issues", "roadmap", "plan", "intentions", "productivity", "work", "agile", "code", "coding" ] } }, { "name": "square-plus-icon", "type": "registry:ui", "title": "Square Plus Icon", "description": "Square plus icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-plus/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-plus.tsx" } ], "meta": { "keywords": [ "square", "rect", "plus", "add", "sum", "addition", "math", "maths", "new", "+", "increase", "positive", "calculate" ] } }, { "name": "square-x-icon", "type": "registry:ui", "title": "Square X Icon", "description": "Square x icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/square-x/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/square-x.tsx" } ], "meta": { "keywords": [ "square", "x", "cross", "delete", "close", "cancel", "remove", "clear", "math", "multiply", "multiplication" ] } }, { "name": "star-icon", "type": "registry:ui", "title": "Star Icon", "description": "Star icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/star/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/star.tsx" } ], "meta": { "keywords": [ "bookmark", "favorite", "like", "review", "rating" ] } }, { "name": "thumbs-down-icon", "type": "registry:ui", "title": "Thumbs Down Icon", "description": "Thumbs down icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/thumbs-down/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/thumbs-down.tsx" } ], "meta": { "keywords": [ "dislike", "bad", "emotion" ] } }, { "name": "thumbs-up-icon", "type": "registry:ui", "title": "Thumbs Up Icon", "description": "Thumbs up icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/thumbs-up/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/thumbs-up.tsx" } ], "meta": { "keywords": [ "like", "good", "emotion" ] } }, { "name": "timer-icon", "type": "registry:ui", "title": "Timer Icon", "description": "Timer icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/timer/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/timer.tsx" } ], "meta": { "keywords": [ "time", "timer", "stopwatch" ] } }, { "name": "timer-off-icon", "type": "registry:ui", "title": "Timer Off Icon", "description": "Timer off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/timer-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/timer-off.tsx" } ], "meta": { "keywords": [ "time", "timer", "stopwatch" ] } }, { "name": "toggle-left-icon", "type": "registry:ui", "title": "Toggle Left Icon", "description": "Toggle left icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/toggle-left/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/toggle-left.tsx" } ], "meta": { "keywords": [ "on", "off", "switch", "boolean" ] } }, { "name": "toggle-right-icon", "type": "registry:ui", "title": "Toggle Right Icon", "description": "Toggle right icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/toggle-right/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/toggle-right.tsx" } ], "meta": { "keywords": [ "on", "off", "switch", "boolean" ] } }, { "name": "trash-icon", "type": "registry:ui", "title": "Trash Icon", "description": "Trash icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/trash/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/trash.tsx" } ], "meta": { "keywords": [ "garbage", "delete", "remove", "bin" ] } }, { "name": "trash-2-icon", "type": "registry:ui", "title": "Trash 2 Icon", "description": "Trash 2 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/trash-2/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/trash-2.tsx" } ], "meta": { "keywords": [ "garbage", "delete", "remove", "bin" ] } }, { "name": "upload-icon", "type": "registry:ui", "title": "Upload Icon", "description": "Upload icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/upload/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/upload.tsx" } ], "meta": { "keywords": [ "file" ] } }, { "name": "user-icon", "type": "registry:ui", "title": "User Icon", "description": "User icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/user/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/user.tsx" } ], "meta": { "keywords": [ "person", "account", "contact" ] } }, { "name": "user-round-icon", "type": "registry:ui", "title": "User Round Icon", "description": "User round icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/user-round/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/user-round.tsx" } ], "meta": { "keywords": [ "person", "account", "contact" ] } }, { "name": "users-icon", "type": "registry:ui", "title": "Users Icon", "description": "Users icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/users/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/users.tsx" } ], "meta": { "keywords": [ "group", "people" ] } }, { "name": "users-round-icon", "type": "registry:ui", "title": "Users Round Icon", "description": "Users round icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/users-round/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/users-round.tsx" } ], "meta": { "keywords": [ "group", "people" ] } }, { "name": "volume-1-icon", "type": "registry:ui", "title": "Volume 1 Icon", "description": "Volume 1 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/volume-1/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/volume-1.tsx" } ], "meta": { "keywords": [ "music", "sound", "speaker" ] } }, { "name": "volume-2-icon", "type": "registry:ui", "title": "Volume 2 Icon", "description": "Volume 2 icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/volume-2/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/volume-2.tsx" } ], "meta": { "keywords": [ "music", "sound", "speaker" ] } }, { "name": "volume-off-icon", "type": "registry:ui", "title": "Volume Off Icon", "description": "Volume off icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/volume-off/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/volume-off.tsx" } ], "meta": { "keywords": [ "music", "sound", "mute", "speaker" ] } }, { "name": "wifi-icon", "type": "registry:ui", "title": "Wifi Icon", "description": "Wifi icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/wifi/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/wifi.tsx" } ], "meta": { "keywords": [ "connection", "signal", "wireless" ] } }, { "name": "wifi-high-icon", "type": "registry:ui", "title": "Wifi High Icon", "description": "Wifi high icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/wifi-high/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/wifi-high.tsx" } ], "meta": { "keywords": [ "connection", "signal", "wireless" ] } }, { "name": "wifi-low-icon", "type": "registry:ui", "title": "Wifi Low Icon", "description": "Wifi low icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/wifi-low/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/wifi-low.tsx" } ], "meta": { "keywords": [ "connection", "signal", "wireless" ] } }, { "name": "x-icon", "type": "registry:ui", "title": "X Icon", "description": "X icon component.", "dependencies": [ "motion" ], "files": [ { "path": "registry/icons/x/index.tsx", "type": "registry:ui", "target": "components/animate-ui/icons/x.tsx" } ], "meta": { "keywords": [ "cross", "x", "delete", "close", "cancel", "remove", "clear", "math", "multiply", "multiplication" ] } }, { "name": "radix-accordion", "type": "registry:ui", "title": "Radix Accordion", "description": "A vertically stacked set of interactive headings that each reveal an associated section of content.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/accordion/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/accordion.tsx" } ] }, { "name": "radix-checkbox", "type": "registry:ui", "title": "Checkbox", "description": "A control that allows the user to toggle between checked and not checked.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/checkbox/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/checkbox.tsx" } ] }, { "name": "radix-collapsible", "type": "registry:ui", "title": "Collapsible", "description": "An interactive component which expands/collapses a panel.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/collapsible/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/collapsible.tsx" } ] }, { "name": "radix-dialog", "type": "registry:ui", "title": "Dialog", "description": "A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.", "dependencies": [ "motion", "lucide-react", "radix-ui" ], "files": [ { "path": "registry/radix/dialog/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/dialog.tsx" } ] }, { "name": "radix-dropdown-menu", "type": "registry:ui", "title": "Dropdown Menu", "description": "Displays a menu to the user — such as a set of actions or functions — triggered by a button.", "dependencies": [ "motion", "lucide-react", "radix-ui" ], "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/radix/dropdown-menu/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/dropdown-menu.tsx" } ] }, { "name": "radix-hover-card", "type": "registry:ui", "title": "Hover Card", "description": "For sighted users to preview content available behind a link.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/hover-card/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/hover-card.tsx" } ] }, { "name": "radix-popover", "type": "registry:ui", "title": "Popover", "description": "Displays rich content in a portal, triggered by a button.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/popover/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/popover.tsx" } ] }, { "name": "radix-progress", "type": "registry:ui", "title": "Progress", "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/progress/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/progress.tsx" } ] }, { "name": "radix-radio-group", "type": "registry:ui", "title": "Radio Group", "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.", "dependencies": [ "motion", "lucide-react", "radix-ui" ], "files": [ { "path": "registry/radix/radio-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/radio-group.tsx" } ] }, { "name": "radix-sheet", "type": "registry:ui", "title": "Radix Sheet", "description": "Extends the Dialog component to display content that complements the main content of the screen.", "dependencies": [ "motion", "class-variance-authority", "lucide-react", "radix-ui" ], "files": [ { "path": "registry/radix/sheet/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/sheet.tsx" } ] }, { "name": "radix-sidebar", "type": "registry:ui", "title": "Radix Sidebar", "description": "A composable, themeable and customizable sidebar component. Created by Shadcn and animated by Animate UI.", "dependencies": [ "radix-ui", "class-variance-authority", "lucide-react", "motion" ], "registryDependencies": [ "https://animate-ui.com/r/radix-sheet", "https://animate-ui.com/r/radix-tooltip", "https://animate-ui.com/r/motion-highlight", "use-mobile", "button", "input", "label", "separator", "skeleton" ], "files": [ { "path": "registry/radix/sidebar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/sidebar.tsx" } ] }, { "name": "radix-switch", "type": "registry:ui", "title": "Radix Switch", "description": "A control that allows the user to toggle between checked and not checked.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/switch/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/switch.tsx" } ] }, { "name": "radix-tabs", "type": "registry:ui", "title": "Radix Tabs", "description": "A set of layered sections of content—known as tab panels—that are displayed one at a time.", "dependencies": [ "motion", "radix-ui" ], "registryDependencies": [ "https://animate-ui.com/r/motion-highlight" ], "files": [ { "path": "registry/radix/tabs/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/tabs.tsx" } ] }, { "name": "radix-toggle-group", "type": "registry:ui", "title": "Radix Toggle Group", "description": "A set of two-state buttons that can be toggled on or off.", "dependencies": [ "motion", "radix-ui", "class-variance-authority" ], "files": [ { "path": "registry/radix/toggle-group/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/toggle-group.tsx" } ] }, { "name": "radix-tooltip", "type": "registry:ui", "title": "Radix Tooltip", "description": "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.", "dependencies": [ "motion", "radix-ui" ], "files": [ { "path": "registry/radix/tooltip/index.tsx", "type": "registry:ui", "target": "components/animate-ui/radix/tooltip.tsx" } ] }, { "name": "counting-number", "type": "registry:ui", "title": "Counting Number", "description": "A numeric display component that smoothly animates number changes with a counting animation.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/counting-number/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/counting-number.tsx" } ] }, { "name": "gradient-text", "type": "registry:ui", "title": "Gradient Text", "description": "A text component featuring a smoothly animated gradient effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/gradient/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/gradient.tsx" } ] }, { "name": "highlight-text", "type": "registry:ui", "title": "Highlight Text", "description": "A text component that smoothly reveals an animated highlight effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/highlight/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/highlight.tsx" } ] }, { "name": "rolling-text", "type": "registry:ui", "title": "Rolling Text", "description": "A text component that reveals content through an engaging rolling animation.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/rolling/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/rolling.tsx" } ] }, { "name": "rotating-text", "type": "registry:ui", "title": "Rotating Text", "description": "A text component that smoothly animates text changes with a rotating transition effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/rotating/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/rotating.tsx" } ] }, { "name": "shimmering-text", "type": "registry:ui", "title": "Shimmering Text", "description": "A text component that smoothly animates text with a shimmering effect.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/shimmering/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/shimmering.tsx" } ] }, { "name": "sliding-number", "type": "registry:ui", "title": "Sliding Number", "description": "A numeric display component that smoothly animates number changes with a sliding transition effect.", "dependencies": [ "motion", "react-use-measure" ], "files": [ { "path": "registry/text/sliding-number/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/sliding-number.tsx" } ] }, { "name": "splitting-text", "type": "registry:ui", "title": "Splitting Text", "description": "A text component that dynamically simulates a splitting animation, progressively revealing characters as if typed in real-time.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/splitting/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/splitting.tsx" } ] }, { "name": "typing-text", "type": "registry:ui", "title": "Typing Text", "description": "A text component that dynamically simulates a typing animation, progressively revealing characters as if typed in real-time.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/typing/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/typing.tsx" } ] }, { "name": "writing-text", "type": "registry:ui", "title": "Writing Text", "description": "A text component that smoothly reveals content word by word.", "dependencies": [ "motion" ], "files": [ { "path": "registry/text/writing/index.tsx", "type": "registry:ui", "target": "components/animate-ui/text/writing.tsx" } ] }, { "name": "management-bar", "type": "registry:ui", "title": "Management Bar", "description": "Management Bar Component", "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://animate-ui.com/r/sliding-number" ], "files": [ { "path": "registry/ui-elements/management-bar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/ui-elements/management-bar.tsx" } ] }, { "name": "notification-list", "type": "registry:ui", "title": "Notification List", "description": "Notification List Component", "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [], "files": [ { "path": "registry/ui-elements/notification-list/index.tsx", "type": "registry:ui", "target": "components/animate-ui/ui-elements/notification-list.tsx" } ] }, { "name": "playful-todolist", "type": "registry:ui", "title": "Playful Todolist", "description": "Playful Todolist Component", "dependencies": [ "motion" ], "registryDependencies": [ "https://animate-ui.com/r/radix-checkbox" ], "files": [ { "path": "registry/ui-elements/playful-todolist/index.tsx", "type": "registry:ui", "target": "components/animate-ui/ui-elements/playful-todolist.tsx" } ] }, { "name": "user-presence-avatar", "type": "registry:ui", "title": "User Presence Avatar", "description": "User Presence Avatar Component", "dependencies": [ "motion" ], "registryDependencies": [ "https://animate-ui.com/r/avatar-group" ], "files": [ { "path": "registry/ui-elements/user-presence-avatar/index.tsx", "type": "registry:ui", "target": "components/animate-ui/ui-elements/user-presence-avatar.tsx" } ] } ] }