{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "useanimations", "homepage": "https://useanimations.com/", "items": [ { "name": "use-animation", "type": "registry:component", "title": "UseAnimation", "description": "Player for useAnimations icons, built on react-useanimations: loop, click and hover interactions, recoloring with currentColor and prefers-reduced-motion support.", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "categories": [ "animation", "icons" ], "files": [ { "path": "registry/use-animation.tsx", "type": "registry:component", "target": "components/use-animation.tsx" } ] }, { "name": "alert-circle", "type": "registry:component", "title": "Alert circle (animated)", "description": "Animated alert circle icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "alerts" ], "meta": { "keywords": [ "alert", "alert-circle", "alerts", "attention", "circle", "error", "warning" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/alert-circle.json" }, "files": [ { "path": "registry/animations/alert-circle.tsx", "type": "registry:component", "target": "components/animations/alert-circle.tsx" } ] }, { "name": "alert-octagon", "type": "registry:component", "title": "Alert octagon (animated)", "description": "Animated alert octagon icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "alerts" ], "meta": { "keywords": [ "alert", "alert-octagon", "alerts", "attention", "error", "octagon", "warning" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/alert-octagon.json" }, "files": [ { "path": "registry/animations/alert-octagon.tsx", "type": "registry:component", "target": "components/animations/alert-octagon.tsx" } ] }, { "name": "alert-triangle", "type": "registry:component", "title": "Alert triangle (animated)", "description": "Animated alert triangle icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "alerts" ], "meta": { "keywords": [ "alert", "alert-triangle", "alerts", "attention", "error", "triangle", "warning" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/alert-triangle.json" }, "files": [ { "path": "registry/animations/alert-triangle.tsx", "type": "registry:component", "target": "components/animations/alert-triangle.tsx" } ] }, { "name": "error", "type": "registry:component", "title": "Error (animated)", "description": "Animated error icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "alerts" ], "meta": { "keywords": [ "alerts", "close", "error", "failure", "x" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/error.json" }, "files": [ { "path": "registry/animations/error.tsx", "type": "registry:component", "target": "components/animations/error.tsx" } ] }, { "name": "x-octagon", "type": "registry:component", "title": "X Octagon (animated)", "description": "Animated x octagon icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "alerts" ], "meta": { "keywords": [ "alerts", "octagon", "x", "x-octagon" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/x-octagon.json" }, "files": [ { "path": "registry/animations/x-octagon.tsx", "type": "registry:component", "target": "components/animations/x-octagon.tsx" } ] }, { "name": "notification", "type": "registry:component", "title": "Notification (animated)", "description": "Animated notification icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "notifications" ], "meta": { "keywords": [ "alert", "bell", "bell-off", "mute", "notification", "notifications" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/notification.json" }, "files": [ { "path": "registry/animations/notification.tsx", "type": "registry:component", "target": "components/animations/notification.tsx" } ] }, { "name": "notification-v2", "type": "registry:component", "title": "Notification V2 (animated)", "description": "Animated notification v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "notifications" ], "meta": { "keywords": [ "alert", "bell", "bell-off", "mute", "notification", "notifications" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/notification-v2.json" }, "files": [ { "path": "registry/animations/notification-v2.tsx", "type": "registry:component", "target": "components/animations/notification-v2.tsx" } ] }, { "name": "notification-v3", "type": "registry:component", "title": "Notification V3 (animated)", "description": "Animated notification v3 icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "notifications" ], "meta": { "keywords": [ "alert", "bell", "mute", "notification", "notifications" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/notification-v3.json" }, "files": [ { "path": "registry/animations/notification-v3.tsx", "type": "registry:component", "target": "components/animations/notification-v3.tsx" } ] }, { "name": "notification-v4", "type": "registry:component", "title": "Notification V4 (animated)", "description": "Animated notification v4 icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "notifications" ], "meta": { "keywords": [ "alert", "bell", "mute", "notification", "notifications" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/notification-v4.json" }, "files": [ { "path": "registry/animations/notification-v4.tsx", "type": "registry:component", "target": "components/animations/notification-v4.tsx" } ] }, { "name": "arrow-down-circle", "type": "registry:component", "title": "Arrow down circle (animated)", "description": "Animated arrow down circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-down-circle", "circle", "direction", "down", "navigation" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-down-circle.json" }, "files": [ { "path": "registry/animations/arrow-down-circle.tsx", "type": "registry:component", "target": "components/animations/arrow-down-circle.tsx" } ] }, { "name": "arrow-down-left", "type": "registry:component", "title": "Arrow Down Left (animated)", "description": "Animated arrow down left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-down-left", "direction", "down", "left", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-down-left.json" }, "files": [ { "path": "registry/animations/arrow-down-left.tsx", "type": "registry:component", "target": "components/animations/arrow-down-left.tsx" } ] }, { "name": "arrow-down-right", "type": "registry:component", "title": "Arrow Down Right (animated)", "description": "Animated arrow down right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-down-right", "direction", "down", "navigation", "right" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-down-right.json" }, "files": [ { "path": "registry/animations/arrow-down-right.tsx", "type": "registry:component", "target": "components/animations/arrow-down-right.tsx" } ] }, { "name": "arrow-left", "type": "registry:component", "title": "Arrow Left (animated)", "description": "Animated arrow left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-left", "direction", "left", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-left.json" }, "files": [ { "path": "registry/animations/arrow-left.tsx", "type": "registry:component", "target": "components/animations/arrow-left.tsx" } ] }, { "name": "arrow-left-circle", "type": "registry:component", "title": "Arrow left circle (animated)", "description": "Animated arrow left circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-left-circle", "circle", "direction", "left", "navigation" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-left-circle.json" }, "files": [ { "path": "registry/animations/arrow-left-circle.tsx", "type": "registry:component", "target": "components/animations/arrow-left-circle.tsx" } ] }, { "name": "arrow-right", "type": "registry:component", "title": "Arrow Right (animated)", "description": "Animated arrow right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-right", "direction", "navigation", "right" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-right.json" }, "files": [ { "path": "registry/animations/arrow-right.tsx", "type": "registry:component", "target": "components/animations/arrow-right.tsx" } ] }, { "name": "arrow-right-circle", "type": "registry:component", "title": "Arrow right circle (animated)", "description": "Animated arrow right circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-right-circle", "circle", "direction", "navigation", "right" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-right-circle.json" }, "files": [ { "path": "registry/animations/arrow-right-circle.tsx", "type": "registry:component", "target": "components/animations/arrow-right-circle.tsx" } ] }, { "name": "arrow-up-circle", "type": "registry:component", "title": "Arrow up circle (animated)", "description": "Animated arrow up circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-up-circle", "circle", "direction", "navigation", "up" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-up-circle.json" }, "files": [ { "path": "registry/animations/arrow-up-circle.tsx", "type": "registry:component", "target": "components/animations/arrow-up-circle.tsx" } ] }, { "name": "arrow-up-left", "type": "registry:component", "title": "Arrow Up Left (animated)", "description": "Animated arrow up left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-up-left", "direction", "left", "navigation", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-up-left.json" }, "files": [ { "path": "registry/animations/arrow-up-left.tsx", "type": "registry:component", "target": "components/animations/arrow-up-left.tsx" } ] }, { "name": "arrow-up-right", "type": "registry:component", "title": "Arrow Up Right (animated)", "description": "Animated arrow up right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "arrow-up-right", "direction", "navigation", "right", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/arrow-up-right.json" }, "files": [ { "path": "registry/animations/arrow-up-right.tsx", "type": "registry:component", "target": "components/animations/arrow-up-right.tsx" } ] }, { "name": "menu", "type": "registry:component", "title": "Burger Menu (animated)", "description": "Animated burger menu icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "burger", "close", "hamburger", "menu", "navigation" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/menu.json" }, "files": [ { "path": "registry/animations/menu.tsx", "type": "registry:component", "target": "components/animations/menu.tsx" } ] }, { "name": "chevron-down", "type": "registry:component", "title": "Chevron Down (animated)", "description": "Animated chevron down icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevron", "chevron-down", "down", "navigation", "next" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevron-down.json" }, "files": [ { "path": "registry/animations/chevron-down.tsx", "type": "registry:component", "target": "components/animations/chevron-down.tsx" } ] }, { "name": "chevron-up", "type": "registry:component", "title": "Chevron Up (animated)", "description": "Animated chevron up icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevron", "chevron-up", "navigation", "next", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevron-up.json" }, "files": [ { "path": "registry/animations/chevron-up.tsx", "type": "registry:component", "target": "components/animations/chevron-up.tsx" } ] }, { "name": "chevrons-down", "type": "registry:component", "title": "Chevrons Down (animated)", "description": "Animated chevrons down icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevrons", "chevrons-down", "down", "navigation", "next" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevrons-down.json" }, "files": [ { "path": "registry/animations/chevrons-down.tsx", "type": "registry:component", "target": "components/animations/chevrons-down.tsx" } ] }, { "name": "chevrons-left", "type": "registry:component", "title": "Chevrons Left (animated)", "description": "Animated chevrons left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevrons", "chevrons-left", "left", "navigation", "next" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevrons-left.json" }, "files": [ { "path": "registry/animations/chevrons-left.tsx", "type": "registry:component", "target": "components/animations/chevrons-left.tsx" } ] }, { "name": "chevrons-right", "type": "registry:component", "title": "Chevrons Right (animated)", "description": "Animated chevrons right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevrons", "chevrons-right", "navigation", "next", "right" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevrons-right.json" }, "files": [ { "path": "registry/animations/chevrons-right.tsx", "type": "registry:component", "target": "components/animations/chevrons-right.tsx" } ] }, { "name": "chevrons-up", "type": "registry:component", "title": "Chevrons Up (animated)", "description": "Animated chevrons up icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "arrow", "back", "chevrons", "chevrons-up", "navigation", "next", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chevrons-up.json" }, "files": [ { "path": "registry/animations/chevrons-up.tsx", "type": "registry:component", "target": "components/animations/chevrons-up.tsx" } ] }, { "name": "corner-down-left", "type": "registry:component", "title": "Corner Down Left (animated)", "description": "Animated corner down left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-down-left", "down", "left", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-down-left.json" }, "files": [ { "path": "registry/animations/corner-down-left.tsx", "type": "registry:component", "target": "components/animations/corner-down-left.tsx" } ] }, { "name": "corner-down-right", "type": "registry:component", "title": "Corner Down Right (animated)", "description": "Animated corner down right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-down-right", "down", "navigation", "right" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-down-right.json" }, "files": [ { "path": "registry/animations/corner-down-right.tsx", "type": "registry:component", "target": "components/animations/corner-down-right.tsx" } ] }, { "name": "corner-left-down", "type": "registry:component", "title": "Corner Left Down (animated)", "description": "Animated corner left down icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-left-down", "down", "left", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-left-down.json" }, "files": [ { "path": "registry/animations/corner-left-down.tsx", "type": "registry:component", "target": "components/animations/corner-left-down.tsx" } ] }, { "name": "corner-left-up", "type": "registry:component", "title": "Corner Left Up (animated)", "description": "Animated corner left up icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-left-up", "left", "navigation", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-left-up.json" }, "files": [ { "path": "registry/animations/corner-left-up.tsx", "type": "registry:component", "target": "components/animations/corner-left-up.tsx" } ] }, { "name": "corner-right-down", "type": "registry:component", "title": "Corner Right Down (animated)", "description": "Animated corner right down icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-right-down", "down", "navigation", "right" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-right-down.json" }, "files": [ { "path": "registry/animations/corner-right-down.tsx", "type": "registry:component", "target": "components/animations/corner-right-down.tsx" } ] }, { "name": "corner-right-up", "type": "registry:component", "title": "Corner Right Up (animated)", "description": "Animated corner right up icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-right-up", "navigation", "right", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-right-up.json" }, "files": [ { "path": "registry/animations/corner-right-up.tsx", "type": "registry:component", "target": "components/animations/corner-right-up.tsx" } ] }, { "name": "corner-up-left", "type": "registry:component", "title": "Corner Up Left (animated)", "description": "Animated corner up left icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-up-left", "left", "navigation", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-up-left.json" }, "files": [ { "path": "registry/animations/corner-up-left.tsx", "type": "registry:component", "target": "components/animations/corner-up-left.tsx" } ] }, { "name": "corner-up-right", "type": "registry:component", "title": "Corner Up Right (animated)", "description": "Animated corner up right icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "corner", "corner-up-right", "navigation", "right", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/corner-up-right.json" }, "files": [ { "path": "registry/animations/corner-up-right.tsx", "type": "registry:component", "target": "components/animations/corner-up-right.tsx" } ] }, { "name": "external-link", "type": "registry:component", "title": "External Link (animated)", "description": "Animated external link icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "external", "external-link", "link", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/external-link.json" }, "files": [ { "path": "registry/animations/external-link.tsx", "type": "registry:component", "target": "components/animations/external-link.tsx" } ] }, { "name": "log-in", "type": "registry:component", "title": "Log In (animated)", "description": "Animated log in icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "in", "log", "log-in", "navigation" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/log-in.json" }, "files": [ { "path": "registry/animations/log-in.tsx", "type": "registry:component", "target": "components/animations/log-in.tsx" } ] }, { "name": "log-out", "type": "registry:component", "title": "Log Out (animated)", "description": "Animated log out icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "log", "log-out", "navigation", "out" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/log-out.json" }, "files": [ { "path": "registry/animations/log-out.tsx", "type": "registry:component", "target": "components/animations/log-out.tsx" } ] }, { "name": "menu-v2", "type": "registry:component", "title": "Menu V2 (animated)", "description": "Animated menu v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "close", "hamburger", "menu", "navigation" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/menu-v2.json" }, "files": [ { "path": "registry/animations/menu-v2.tsx", "type": "registry:component", "target": "components/animations/menu-v2.tsx" } ] }, { "name": "menu-v3", "type": "registry:component", "title": "Menu V3 (animated)", "description": "Animated menu v3 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "close", "hamburger", "menu", "navigation" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/menu-v3.json" }, "files": [ { "path": "registry/animations/menu-v3.tsx", "type": "registry:component", "target": "components/animations/menu-v3.tsx" } ] }, { "name": "menu-v4", "type": "registry:component", "title": "Menu V4 (animated)", "description": "Animated menu v4 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "close", "hamburger", "menu", "navigation" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/menu-v4.json" }, "files": [ { "path": "registry/animations/menu-v4.tsx", "type": "registry:component", "target": "components/animations/menu-v4.tsx" } ] }, { "name": "more-horizontal", "type": "registry:component", "title": "More Horizontal (animated)", "description": "Animated more horizontal icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "horizontal", "more", "more-horizontal", "navigation" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/more-horizontal.json" }, "files": [ { "path": "registry/animations/more-horizontal.tsx", "type": "registry:component", "target": "components/animations/more-horizontal.tsx" } ] }, { "name": "more-vertical", "type": "registry:component", "title": "More Vertical (animated)", "description": "Animated more vertical icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "more", "more-vertical", "navigation", "vertical" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/more-vertical.json" }, "files": [ { "path": "registry/animations/more-vertical.tsx", "type": "registry:component", "target": "components/animations/more-vertical.tsx" } ] }, { "name": "sidebar", "type": "registry:component", "title": "Sidebar (animated)", "description": "Animated sidebar icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "navigation" ], "meta": { "keywords": [ "navigation", "sidebar" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/sidebar.json" }, "files": [ { "path": "registry/animations/sidebar.tsx", "type": "registry:component", "target": "components/animations/sidebar.tsx" } ] }, { "name": "award", "type": "registry:component", "title": "Award (animated)", "description": "Animated award icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "award" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/award.json" }, "files": [ { "path": "registry/animations/award.tsx", "type": "registry:component", "target": "components/animations/award.tsx" } ] }, { "name": "bookmark", "type": "registry:component", "title": "Bookmark (animated)", "description": "Animated bookmark icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "bookmark", "save" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/bookmark.json" }, "files": [ { "path": "registry/animations/bookmark.tsx", "type": "registry:component", "target": "components/animations/bookmark.tsx" } ] }, { "name": "calendar", "type": "registry:component", "title": "Calendar (animated)", "description": "Animated calendar icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "calendar", "date", "schedule" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/calendar.json" }, "files": [ { "path": "registry/animations/calendar.tsx", "type": "registry:component", "target": "components/animations/calendar.tsx" } ] }, { "name": "check", "type": "registry:component", "title": "Check (animated)", "description": "Animated check icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "check" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/check.json" }, "files": [ { "path": "registry/animations/check.tsx", "type": "registry:component", "target": "components/animations/check.tsx" } ] }, { "name": "check-circle", "type": "registry:component", "title": "Check Circle (animated)", "description": "Animated check circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "check", "check-circle", "circle" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/check-circle.json" }, "files": [ { "path": "registry/animations/check-circle.tsx", "type": "registry:component", "target": "components/animations/check-circle.tsx" } ] }, { "name": "checkmark", "type": "registry:component", "title": "Checkmark (animated)", "description": "Animated checkmark icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "check", "checkmark", "done", "success", "tick" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/checkmark.json" }, "files": [ { "path": "registry/animations/checkmark.tsx", "type": "registry:component", "target": "components/animations/checkmark.tsx" } ] }, { "name": "chevron-left", "type": "registry:component", "title": "Chevron left (animated)", "description": "Animated chevron left icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "arrow", "back", "chevron", "chevron-left", "left", "navigation", "next" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/chevron-left.json" }, "files": [ { "path": "registry/animations/chevron-left.tsx", "type": "registry:component", "target": "components/animations/chevron-left.tsx" } ] }, { "name": "chevron-right", "type": "registry:component", "title": "Chevron right (animated)", "description": "Animated chevron right icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "arrow", "back", "chevron", "chevron-right", "navigation", "next", "right" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/chevron-right.json" }, "files": [ { "path": "registry/animations/chevron-right.tsx", "type": "registry:component", "target": "components/animations/chevron-right.tsx" } ] }, { "name": "delete", "type": "registry:component", "title": "Delete (animated)", "description": "Animated delete icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "delete" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/delete.json" }, "files": [ { "path": "registry/animations/delete.tsx", "type": "registry:component", "target": "components/animations/delete.tsx" } ] }, { "name": "download", "type": "registry:component", "title": "Download (animated)", "description": "Animated download icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "download", "export", "save" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/download.json" }, "files": [ { "path": "registry/animations/download.tsx", "type": "registry:component", "target": "components/animations/download.tsx" } ] }, { "name": "download-cloud", "type": "registry:component", "title": "Download Cloud (animated)", "description": "Animated download cloud icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "cloud", "download", "download-cloud", "export", "save" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/download-cloud.json" }, "files": [ { "path": "registry/animations/download-cloud.tsx", "type": "registry:component", "target": "components/animations/download-cloud.tsx" } ] }, { "name": "download-v2", "type": "registry:component", "title": "Download V2 (animated)", "description": "Animated download v2 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "download", "download-v2", "export", "save" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/download-v2.json" }, "files": [ { "path": "registry/animations/download-v2.tsx", "type": "registry:component", "target": "components/animations/download-v2.tsx" } ] }, { "name": "edit", "type": "registry:component", "title": "Edit (animated)", "description": "Animated edit icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "edit", "edit-2", "pencil", "write" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/edit.json" }, "files": [ { "path": "registry/animations/edit.tsx", "type": "registry:component", "target": "components/animations/edit.tsx" } ] }, { "name": "edit-2", "type": "registry:component", "title": "Edit 2 (animated)", "description": "Animated edit 2 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "2", "action", "edit", "edit-2", "pencil", "write" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/edit-2.json" }, "files": [ { "path": "registry/animations/edit-2.tsx", "type": "registry:component", "target": "components/animations/edit-2.tsx" } ] }, { "name": "edit-3", "type": "registry:component", "title": "Edit 3 (animated)", "description": "Animated edit 3 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "3", "action", "edit", "edit-3", "pencil", "write" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/edit-3.json" }, "files": [ { "path": "registry/animations/edit-3.tsx", "type": "registry:component", "target": "components/animations/edit-3.tsx" } ] }, { "name": "explore", "type": "registry:component", "title": "Explore (animated)", "description": "Animated explore icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "compass", "discover", "explore" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/explore.json" }, "files": [ { "path": "registry/animations/explore.tsx", "type": "registry:component", "target": "components/animations/explore.tsx" } ] }, { "name": "filter", "type": "registry:component", "title": "Filter (animated)", "description": "Animated filter icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "filter", "funnel", "sort" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/filter.json" }, "files": [ { "path": "registry/animations/filter.tsx", "type": "registry:component", "target": "components/animations/filter.tsx" } ] }, { "name": "flag", "type": "registry:component", "title": "Flag (animated)", "description": "Animated flag icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "flag" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/flag.json" }, "files": [ { "path": "registry/animations/flag.tsx", "type": "registry:component", "target": "components/animations/flag.tsx" } ] }, { "name": "folder", "type": "registry:component", "title": "Folder (animated)", "description": "Animated folder icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "folder" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/folder.json" }, "files": [ { "path": "registry/animations/folder.tsx", "type": "registry:component", "target": "components/animations/folder.tsx" } ] }, { "name": "heart", "type": "registry:component", "title": "Heart (animated)", "description": "Animated heart icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "favorite", "heart", "like", "love" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/heart.json" }, "files": [ { "path": "registry/animations/heart.tsx", "type": "registry:component", "target": "components/animations/heart.tsx" } ] }, { "name": "heart-v2", "type": "registry:component", "title": "Heart V2 (animated)", "description": "Animated heart v2 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "favorite", "heart", "heart-v2", "like", "love" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/heart-v2.json" }, "files": [ { "path": "registry/animations/heart-v2.tsx", "type": "registry:component", "target": "components/animations/heart-v2.tsx" } ] }, { "name": "help", "type": "registry:component", "title": "Help (animated)", "description": "Animated help icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "help", "question", "support" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/help.json" }, "files": [ { "path": "registry/animations/help.tsx", "type": "registry:component", "target": "components/animations/help.tsx" } ] }, { "name": "home", "type": "registry:component", "title": "Home (animated)", "description": "Animated home icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "home", "house" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/home.json" }, "files": [ { "path": "registry/animations/home.tsx", "type": "registry:component", "target": "components/animations/home.tsx" } ] }, { "name": "info", "type": "registry:component", "title": "Info (animated)", "description": "Animated info icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "about", "action", "info", "information" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/info.json" }, "files": [ { "path": "registry/animations/info.tsx", "type": "registry:component", "target": "components/animations/info.tsx" } ] }, { "name": "key", "type": "registry:component", "title": "Key (animated)", "description": "Animated key icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "key" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/key.json" }, "files": [ { "path": "registry/animations/key.tsx", "type": "registry:component", "target": "components/animations/key.tsx" } ] }, { "name": "link", "type": "registry:component", "title": "Link (animated)", "description": "Animated link icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "link" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/link.json" }, "files": [ { "path": "registry/animations/link.tsx", "type": "registry:component", "target": "components/animations/link.tsx" } ] }, { "name": "link-2", "type": "registry:component", "title": "Link 2 (animated)", "description": "Animated link 2 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "2", "action", "link", "link-2" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/link-2.json" }, "files": [ { "path": "registry/animations/link-2.tsx", "type": "registry:component", "target": "components/animations/link-2.tsx" } ] }, { "name": "lock", "type": "registry:component", "title": "Lock / Unlock (animated)", "description": "Animated lock / unlock icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "lock", "password", "security", "unlock" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/lock.json" }, "files": [ { "path": "registry/animations/lock.tsx", "type": "registry:component", "target": "components/animations/lock.tsx" } ] }, { "name": "maximize-minimize", "type": "registry:component", "title": "Maxi/Minimize (animated)", "description": "Animated maxi/minimize icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "collapse", "expand", "fullscreen", "maxi", "maximize", "minimize" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/maximize-minimize.json" }, "files": [ { "path": "registry/animations/maximize-minimize.tsx", "type": "registry:component", "target": "components/animations/maximize-minimize.tsx" } ] }, { "name": "maximize-minimize-v2", "type": "registry:component", "title": "Maxi/Minimize V2 (animated)", "description": "Animated maxi/minimize v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "collapse", "expand", "fullscreen", "maxi", "maximize-2", "minimize", "minimize-2" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/maximize-minimize-v2.json" }, "files": [ { "path": "registry/animations/maximize-minimize-v2.tsx", "type": "registry:component", "target": "components/animations/maximize-minimize-v2.tsx" } ] }, { "name": "maximize-2", "type": "registry:component", "title": "Maximize 2 (animated)", "description": "Animated maximize 2 icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "2", "action", "maximize", "maximize-2" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/maximize-2.json" }, "files": [ { "path": "registry/animations/maximize-2.tsx", "type": "registry:component", "target": "components/animations/maximize-2.tsx" } ] }, { "name": "minimize-2", "type": "registry:component", "title": "Minimize 2 (animated)", "description": "Animated minimize 2 icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "2", "action", "minimize", "minimize-2" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/minimize-2.json" }, "files": [ { "path": "registry/animations/minimize-2.tsx", "type": "registry:component", "target": "components/animations/minimize-2.tsx" } ] }, { "name": "minus", "type": "registry:component", "title": "Minus (animated)", "description": "Animated minus icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "minus" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/minus.json" }, "files": [ { "path": "registry/animations/minus.tsx", "type": "registry:component", "target": "components/animations/minus.tsx" } ] }, { "name": "minus-circle", "type": "registry:component", "title": "Minus Circle (animated)", "description": "Animated minus circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "circle", "minus", "minus-circle" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/minus-circle.json" }, "files": [ { "path": "registry/animations/minus-circle.tsx", "type": "registry:component", "target": "components/animations/minus-circle.tsx" } ] }, { "name": "minus-square", "type": "registry:component", "title": "Minus Square (animated)", "description": "Animated minus square icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "minus", "minus-square", "square" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/minus-square.json" }, "files": [ { "path": "registry/animations/minus-square.tsx", "type": "registry:component", "target": "components/animations/minus-square.tsx" } ] }, { "name": "plus-circle", "type": "registry:component", "title": "Plus Circle (animated)", "description": "Animated plus circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "circle", "plus", "plus-circle" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/plus-circle.json" }, "files": [ { "path": "registry/animations/plus-circle.tsx", "type": "registry:component", "target": "components/animations/plus-circle.tsx" } ] }, { "name": "plus-square", "type": "registry:component", "title": "Plus Square (animated)", "description": "Animated plus square icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "plus", "plus-square", "square" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/plus-square.json" }, "files": [ { "path": "registry/animations/plus-square.tsx", "type": "registry:component", "target": "components/animations/plus-square.tsx" } ] }, { "name": "plus-to-x", "type": "registry:component", "title": "Plus/X (animated)", "description": "Animated plus/x icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "add", "close", "expand", "plus", "x" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/plus-to-x.json" }, "files": [ { "path": "registry/animations/plus-to-x.tsx", "type": "registry:component", "target": "components/animations/plus-to-x.tsx" } ] }, { "name": "power", "type": "registry:component", "title": "Power (animated)", "description": "Animated power icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "power" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/power.json" }, "files": [ { "path": "registry/animations/power.tsx", "type": "registry:component", "target": "components/animations/power.tsx" } ] }, { "name": "refresh", "type": "registry:component", "title": "Refresh (animated)", "description": "Animated refresh icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "refresh", "reload", "sync" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/refresh.json" }, "files": [ { "path": "registry/animations/refresh.tsx", "type": "registry:component", "target": "components/animations/refresh.tsx" } ] }, { "name": "refresh-ccw", "type": "registry:component", "title": "Refresh Ccw (animated)", "description": "Animated refresh ccw icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "ccw", "refresh", "refresh-ccw", "reload", "sync" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/refresh-ccw.json" }, "files": [ { "path": "registry/animations/refresh-ccw.tsx", "type": "registry:component", "target": "components/animations/refresh-ccw.tsx" } ] }, { "name": "refresh-v2", "type": "registry:component", "title": "Refresh V2 (animated)", "description": "Animated refresh v2 icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "refresh", "refresh-v2", "reload", "sync" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/refresh-v2.json" }, "files": [ { "path": "registry/animations/refresh-v2.tsx", "type": "registry:component", "target": "components/animations/refresh-v2.tsx" } ] }, { "name": "rotate-ccw", "type": "registry:component", "title": "Rotate Ccw (animated)", "description": "Animated rotate ccw icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "ccw", "rotate", "rotate-ccw" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/rotate-ccw.json" }, "files": [ { "path": "registry/animations/rotate-ccw.tsx", "type": "registry:component", "target": "components/animations/rotate-ccw.tsx" } ] }, { "name": "rotate-cw", "type": "registry:component", "title": "Rotate Cw (animated)", "description": "Animated rotate cw icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "cw", "rotate", "rotate-cw" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/rotate-cw.json" }, "files": [ { "path": "registry/animations/rotate-cw.tsx", "type": "registry:component", "target": "components/animations/rotate-cw.tsx" } ] }, { "name": "save", "type": "registry:component", "title": "Save (animated)", "description": "Animated save icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "save" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/save.json" }, "files": [ { "path": "registry/animations/save.tsx", "type": "registry:component", "target": "components/animations/save.tsx" } ] }, { "name": "search-to-x", "type": "registry:component", "title": "Search/X (animated)", "description": "Animated search/x icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "clear", "close", "search", "x" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/search-to-x.json" }, "files": [ { "path": "registry/animations/search-to-x.tsx", "type": "registry:component", "target": "components/animations/search-to-x.tsx" } ] }, { "name": "settings", "type": "registry:component", "title": "Settings (animated)", "description": "Animated settings icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "cog", "gear", "preferences", "settings" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/settings.json" }, "files": [ { "path": "registry/animations/settings.tsx", "type": "registry:component", "target": "components/animations/settings.tsx" } ] }, { "name": "settings-v2", "type": "registry:component", "title": "Settings V2 (animated)", "description": "Animated settings v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "cog", "gear", "preferences", "settings", "sliders" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/settings-v2.json" }, "files": [ { "path": "registry/animations/settings-v2.tsx", "type": "registry:component", "target": "components/animations/settings-v2.tsx" } ] }, { "name": "shield", "type": "registry:component", "title": "Shield (animated)", "description": "Animated shield icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "shield" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/shield.json" }, "files": [ { "path": "registry/animations/shield.tsx", "type": "registry:component", "target": "components/animations/shield.tsx" } ] }, { "name": "shield-off", "type": "registry:component", "title": "Shield Off (animated)", "description": "Animated shield off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "off", "shield", "shield-off", "shield-off-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/shield-off.json" }, "files": [ { "path": "registry/animations/shield-off.tsx", "type": "registry:component", "target": "components/animations/shield-off.tsx" } ] }, { "name": "slash", "type": "registry:component", "title": "Slash (animated)", "description": "Animated slash icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "slash" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/slash.json" }, "files": [ { "path": "registry/animations/slash.tsx", "type": "registry:component", "target": "components/animations/slash.tsx" } ] }, { "name": "star", "type": "registry:component", "title": "Star (animated)", "description": "Animated star icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "favorite", "rating", "star" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/star.json" }, "files": [ { "path": "registry/animations/star.tsx", "type": "registry:component", "target": "components/animations/star.tsx" } ] }, { "name": "thumb-up", "type": "registry:component", "title": "Thumb up (animated)", "description": "Animated thumb up icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "like", "thumb", "thumb-up", "up", "upvote" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/thumb-up.json" }, "files": [ { "path": "registry/animations/thumb-up.tsx", "type": "registry:component", "target": "components/animations/thumb-up.tsx" } ] }, { "name": "thumbs-down", "type": "registry:component", "title": "Thumbs Down (animated)", "description": "Animated thumbs down icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "down", "thumbs", "thumbs-down" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/thumbs-down.json" }, "files": [ { "path": "registry/animations/thumbs-down.tsx", "type": "registry:component", "target": "components/animations/thumbs-down.tsx" } ] }, { "name": "trash", "type": "registry:component", "title": "Trash (animated)", "description": "Animated trash icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "bin", "delete", "remove", "trash" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/trash.json" }, "files": [ { "path": "registry/animations/trash.tsx", "type": "registry:component", "target": "components/animations/trash.tsx" } ] }, { "name": "trash-v2", "type": "registry:component", "title": "Trash V2 (animated)", "description": "Animated trash v2 icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "bin", "delete", "remove", "trash", "trash-2" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/trash-v2.json" }, "files": [ { "path": "registry/animations/trash-v2.tsx", "type": "registry:component", "target": "components/animations/trash-v2.tsx" } ] }, { "name": "upload", "type": "registry:component", "title": "Upload (animated)", "description": "Animated upload icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "upload" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/upload.json" }, "files": [ { "path": "registry/animations/upload.tsx", "type": "registry:component", "target": "components/animations/upload.tsx" } ] }, { "name": "upload-cloud", "type": "registry:component", "title": "Upload Cloud (animated)", "description": "Animated upload cloud icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "cloud", "upload", "upload-cloud" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/upload-cloud.json" }, "files": [ { "path": "registry/animations/upload-cloud.tsx", "type": "registry:component", "target": "components/animations/upload-cloud.tsx" } ] }, { "name": "visibility", "type": "registry:component", "title": "Visibility (animated)", "description": "Animated visibility icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "eye", "eye-off", "hide", "password", "show", "visibility" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/visibility.json" }, "files": [ { "path": "registry/animations/visibility.tsx", "type": "registry:component", "target": "components/animations/visibility.tsx" } ] }, { "name": "visibility-v2", "type": "registry:component", "title": "Visibility V2 (animated)", "description": "Animated visibility v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "eye", "eye-off", "hide", "password", "show", "visibility" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/visibility-v2.json" }, "files": [ { "path": "registry/animations/visibility-v2.tsx", "type": "registry:component", "target": "components/animations/visibility-v2.tsx" } ] }, { "name": "visibility-v3", "type": "registry:component", "title": "Visibility V3 (animated)", "description": "Animated visibility v3 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "eye", "eye-off", "hide", "password", "show", "visibility" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/visibility-v3.json" }, "files": [ { "path": "registry/animations/visibility-v3.tsx", "type": "registry:component", "target": "components/animations/visibility-v3.tsx" } ] }, { "name": "x-square", "type": "registry:component", "title": "X Square (animated)", "description": "Animated x square icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "square", "x", "x-square" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/x-square.json" }, "files": [ { "path": "registry/animations/x-square.tsx", "type": "registry:component", "target": "components/animations/x-square.tsx" } ] }, { "name": "zoom-in", "type": "registry:component", "title": "Zoom In (animated)", "description": "Animated zoom in icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "in", "magnifier", "magnify", "zoom" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/zoom-in.json" }, "files": [ { "path": "registry/animations/zoom-in.tsx", "type": "registry:component", "target": "components/animations/zoom-in.tsx" } ] }, { "name": "zoom-out", "type": "registry:component", "title": "Zoom Out (animated)", "description": "Animated zoom out icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "action" ], "meta": { "keywords": [ "action", "magnifier", "magnify", "out", "zoom" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/zoom-out.json" }, "files": [ { "path": "registry/animations/zoom-out.tsx", "type": "registry:component", "target": "components/animations/zoom-out.tsx" } ] }, { "name": "archive", "type": "registry:component", "title": "Archive (animated)", "description": "Animated archive icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "archive", "box", "content", "storage" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/archive.json" }, "files": [ { "path": "registry/animations/archive.tsx", "type": "registry:component", "target": "components/animations/archive.tsx" } ] }, { "name": "book", "type": "registry:component", "title": "Book (animated)", "description": "Animated book icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "book", "content" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/book.json" }, "files": [ { "path": "registry/animations/book.tsx", "type": "registry:component", "target": "components/animations/book.tsx" } ] }, { "name": "book-open", "type": "registry:component", "title": "Book Open (animated)", "description": "Animated book open icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "book", "book-open", "content", "open" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/book-open.json" }, "files": [ { "path": "registry/animations/book-open.tsx", "type": "registry:component", "target": "components/animations/book-open.tsx" } ] }, { "name": "clipboard", "type": "registry:component", "title": "Clipboard (animated)", "description": "Animated clipboard icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "clipboard", "content" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/clipboard.json" }, "files": [ { "path": "registry/animations/clipboard.tsx", "type": "registry:component", "target": "components/animations/clipboard.tsx" } ] }, { "name": "copy", "type": "registry:component", "title": "Copy (animated)", "description": "Animated copy icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "clipboard", "content", "copy", "duplicate" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/copy.json" }, "files": [ { "path": "registry/animations/copy.tsx", "type": "registry:component", "target": "components/animations/copy.tsx" } ] }, { "name": "file", "type": "registry:component", "title": "File (animated)", "description": "Animated file icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "file" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/file.json" }, "files": [ { "path": "registry/animations/file.tsx", "type": "registry:component", "target": "components/animations/file.tsx" } ] }, { "name": "file-minus", "type": "registry:component", "title": "File Minus (animated)", "description": "Animated file minus icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "file", "file-minus", "minus" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/file-minus.json" }, "files": [ { "path": "registry/animations/file-minus.tsx", "type": "registry:component", "target": "components/animations/file-minus.tsx" } ] }, { "name": "file-plus", "type": "registry:component", "title": "File Plus (animated)", "description": "Animated file plus icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "file", "file-plus", "plus" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/file-plus.json" }, "files": [ { "path": "registry/animations/file-plus.tsx", "type": "registry:component", "target": "components/animations/file-plus.tsx" } ] }, { "name": "file-text", "type": "registry:component", "title": "File Text (animated)", "description": "Animated file text icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "file", "file-text", "text" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/file-text.json" }, "files": [ { "path": "registry/animations/file-text.tsx", "type": "registry:component", "target": "components/animations/file-text.tsx" } ] }, { "name": "folder-minus", "type": "registry:component", "title": "Folder Minus (animated)", "description": "Animated folder minus icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "folder", "folder-minus", "minus" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/folder-minus.json" }, "files": [ { "path": "registry/animations/folder-minus.tsx", "type": "registry:component", "target": "components/animations/folder-minus.tsx" } ] }, { "name": "folder-plus", "type": "registry:component", "title": "Folder Plus (animated)", "description": "Animated folder plus icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "folder", "folder-plus", "plus" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/folder-plus.json" }, "files": [ { "path": "registry/animations/folder-plus.tsx", "type": "registry:component", "target": "components/animations/folder-plus.tsx" } ] }, { "name": "image", "type": "registry:component", "title": "Image (animated)", "description": "Animated image icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "image" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/image.json" }, "files": [ { "path": "registry/animations/image.tsx", "type": "registry:component", "target": "components/animations/image.tsx" } ] }, { "name": "inbox", "type": "registry:component", "title": "Inbox (animated)", "description": "Animated inbox icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "inbox" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/inbox.json" }, "files": [ { "path": "registry/animations/inbox.tsx", "type": "registry:component", "target": "components/animations/inbox.tsx" } ] }, { "name": "mail", "type": "registry:component", "title": "Mail (animated)", "description": "Animated mail icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "email", "envelope", "mail", "message" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/mail.json" }, "files": [ { "path": "registry/animations/mail.tsx", "type": "registry:component", "target": "components/animations/mail.tsx" } ] }, { "name": "paperclip", "type": "registry:component", "title": "Paperclip (animated)", "description": "Animated paperclip icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "paperclip" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/paperclip.json" }, "files": [ { "path": "registry/animations/paperclip.tsx", "type": "registry:component", "target": "components/animations/paperclip.tsx" } ] }, { "name": "share", "type": "registry:component", "title": "Share (animated)", "description": "Animated share icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "content", "send", "share", "social" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/share.json" }, "files": [ { "path": "registry/animations/share.tsx", "type": "registry:component", "target": "components/animations/share.tsx" } ] }, { "name": "user", "type": "registry:component", "title": "User (animated)", "description": "Animated user icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "content", "person", "profile", "user" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/user.json" }, "files": [ { "path": "registry/animations/user.tsx", "type": "registry:component", "target": "components/animations/user.tsx" } ] }, { "name": "user-check", "type": "registry:component", "title": "User Check (animated)", "description": "Animated user check icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "check", "content", "person", "profile", "user", "user-check" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/user-check.json" }, "files": [ { "path": "registry/animations/user-check.tsx", "type": "registry:component", "target": "components/animations/user-check.tsx" } ] }, { "name": "user-minus", "type": "registry:component", "title": "User minus (animated)", "description": "Animated user minus icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "content", "minus", "person", "profile", "user", "user-minus" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/user-minus.json" }, "files": [ { "path": "registry/animations/user-minus.tsx", "type": "registry:component", "target": "components/animations/user-minus.tsx" } ] }, { "name": "user-plus", "type": "registry:component", "title": "User plus (animated)", "description": "Animated user plus icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "content", "person", "plus", "profile", "user", "user-plus" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/user-plus.json" }, "files": [ { "path": "registry/animations/user-plus.tsx", "type": "registry:component", "target": "components/animations/user-plus.tsx" } ] }, { "name": "user-x", "type": "registry:component", "title": "User X (animated)", "description": "Animated user x icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "content", "person", "profile", "user", "user-x", "x" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/user-x.json" }, "files": [ { "path": "registry/animations/user-x.tsx", "type": "registry:component", "target": "components/animations/user-x.tsx" } ] }, { "name": "users", "type": "registry:component", "title": "Users (animated)", "description": "Animated users icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "content" ], "meta": { "keywords": [ "account", "content", "person", "profile", "users" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/users.json" }, "files": [ { "path": "registry/animations/users.tsx", "type": "registry:component", "target": "components/animations/users.tsx" } ] }, { "name": "check-box", "type": "registry:component", "title": "Checkbox (animated)", "description": "Animated checkbox icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "form" ], "meta": { "keywords": [ "check-square", "checkbox", "form", "select" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/check-box.json" }, "files": [ { "path": "registry/animations/check-box.tsx", "type": "registry:component", "target": "components/animations/check-box.tsx" } ] }, { "name": "radio-button", "type": "registry:component", "title": "Radio button (animated)", "description": "Animated radio button icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "form" ], "meta": { "keywords": [ "button", "check-circle", "form", "radio", "select" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/radio-button.json" }, "files": [ { "path": "registry/animations/radio-button.tsx", "type": "registry:component", "target": "components/animations/radio-button.tsx" } ] }, { "name": "toggle", "type": "registry:component", "title": "Toggle (animated)", "description": "Animated toggle icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "form" ], "meta": { "keywords": [ "form", "on off", "switch", "toggle", "toggle-left", "toggle-right" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/toggle.json" }, "files": [ { "path": "registry/animations/toggle.tsx", "type": "registry:component", "target": "components/animations/toggle.tsx" } ] }, { "name": "airplay", "type": "registry:component", "title": "Airplay (animated)", "description": "Animated airplay icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "airplay", "media" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/airplay.json" }, "files": [ { "path": "registry/animations/airplay.tsx", "type": "registry:component", "target": "components/animations/airplay.tsx" } ] }, { "name": "aperture", "type": "registry:component", "title": "Aperture (animated)", "description": "Animated aperture icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "aperture", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/aperture.json" }, "files": [ { "path": "registry/animations/aperture.tsx", "type": "registry:component", "target": "components/animations/aperture.tsx" } ] }, { "name": "camera", "type": "registry:component", "title": "Camera (animated)", "description": "Animated camera icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "camera", "media" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/camera.json" }, "files": [ { "path": "registry/animations/camera.tsx", "type": "registry:component", "target": "components/animations/camera.tsx" } ] }, { "name": "camera-off", "type": "registry:component", "title": "Camera Off (animated)", "description": "Animated camera off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "camera", "camera-off", "camera-off-off", "media", "off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/camera-off.json" }, "files": [ { "path": "registry/animations/camera-off.tsx", "type": "registry:component", "target": "components/animations/camera-off.tsx" } ] }, { "name": "cast", "type": "registry:component", "title": "Cast (animated)", "description": "Animated cast icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "cast", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cast.json" }, "files": [ { "path": "registry/animations/cast.tsx", "type": "registry:component", "target": "components/animations/cast.tsx" } ] }, { "name": "disc", "type": "registry:component", "title": "Disc (animated)", "description": "Animated disc icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "disc", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/disc.json" }, "files": [ { "path": "registry/animations/disc.tsx", "type": "registry:component", "target": "components/animations/disc.tsx" } ] }, { "name": "fast-forward", "type": "registry:component", "title": "Fast Forward (animated)", "description": "Animated fast forward icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "fast", "fast-forward", "forward", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/fast-forward.json" }, "files": [ { "path": "registry/animations/fast-forward.tsx", "type": "registry:component", "target": "components/animations/fast-forward.tsx" } ] }, { "name": "film", "type": "registry:component", "title": "Film (animated)", "description": "Animated film icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "film", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/film.json" }, "files": [ { "path": "registry/animations/film.tsx", "type": "registry:component", "target": "components/animations/film.tsx" } ] }, { "name": "headphones", "type": "registry:component", "title": "Headphones (animated)", "description": "Animated headphones icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "headphones", "media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/headphones.json" }, "files": [ { "path": "registry/animations/headphones.tsx", "type": "registry:component", "target": "components/animations/headphones.tsx" } ] }, { "name": "mic-off", "type": "registry:component", "title": "Mic Off (animated)", "description": "Animated mic off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "mic", "mic-off", "mic-off-off", "off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/mic-off.json" }, "files": [ { "path": "registry/animations/mic-off.tsx", "type": "registry:component", "target": "components/animations/mic-off.tsx" } ] }, { "name": "microphone", "type": "registry:component", "title": "Microphone (animated)", "description": "Animated microphone icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "audio", "media", "mic", "mic-off", "microphone", "mute", "record" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/microphone.json" }, "files": [ { "path": "registry/animations/microphone.tsx", "type": "registry:component", "target": "components/animations/microphone.tsx" } ] }, { "name": "microphone-v2", "type": "registry:component", "title": "Microphone V2 (animated)", "description": "Animated microphone v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "audio", "media", "mic", "mic-off", "microphone", "mute", "record" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/microphone-v2.json" }, "files": [ { "path": "registry/animations/microphone-v2.tsx", "type": "registry:component", "target": "components/animations/microphone-v2.tsx" } ] }, { "name": "music", "type": "registry:component", "title": "Music (animated)", "description": "Animated music icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "music" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/music.json" }, "files": [ { "path": "registry/animations/music.tsx", "type": "registry:component", "target": "components/animations/music.tsx" } ] }, { "name": "play-pause", "type": "registry:component", "title": "Play/Pause (animated)", "description": "Animated play/pause icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "pause", "play", "player" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/play-pause.json" }, "files": [ { "path": "registry/animations/play-pause.tsx", "type": "registry:component", "target": "components/animations/play-pause.tsx" } ] }, { "name": "play-pause-circle", "type": "registry:component", "title": "Play/Pause circle (animated)", "description": "Animated play/pause circle icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "circle", "media", "pause", "pause-circle", "play", "play-circle", "player" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/play-pause-circle.json" }, "files": [ { "path": "registry/animations/play-pause-circle.tsx", "type": "registry:component", "target": "components/animations/play-pause-circle.tsx" } ] }, { "name": "radio", "type": "registry:component", "title": "Radio (animated)", "description": "Animated radio icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "radio" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/radio.json" }, "files": [ { "path": "registry/animations/radio.tsx", "type": "registry:component", "target": "components/animations/radio.tsx" } ] }, { "name": "repeat", "type": "registry:component", "title": "Repeat (animated)", "description": "Animated repeat icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "repeat" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/repeat.json" }, "files": [ { "path": "registry/animations/repeat.tsx", "type": "registry:component", "target": "components/animations/repeat.tsx" } ] }, { "name": "rewind", "type": "registry:component", "title": "Rewind (animated)", "description": "Animated rewind icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "rewind" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/rewind.json" }, "files": [ { "path": "registry/animations/rewind.tsx", "type": "registry:component", "target": "components/animations/rewind.tsx" } ] }, { "name": "shuffle", "type": "registry:component", "title": "Shuffle (animated)", "description": "Animated shuffle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "shuffle" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/shuffle.json" }, "files": [ { "path": "registry/animations/shuffle.tsx", "type": "registry:component", "target": "components/animations/shuffle.tsx" } ] }, { "name": "skip-back", "type": "registry:component", "title": "Skip back (animated)", "description": "Animated skip back icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "back", "media", "next", "player", "previous", "skip", "skip-back" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/skip-back.json" }, "files": [ { "path": "registry/animations/skip-back.tsx", "type": "registry:component", "target": "components/animations/skip-back.tsx" } ] }, { "name": "skip-forward", "type": "registry:component", "title": "Skip forward (animated)", "description": "Animated skip forward icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "forward", "media", "next", "player", "previous", "skip", "skip-forward" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/skip-forward.json" }, "files": [ { "path": "registry/animations/skip-forward.tsx", "type": "registry:component", "target": "components/animations/skip-forward.tsx" } ] }, { "name": "speaker", "type": "registry:component", "title": "Speaker (animated)", "description": "Animated speaker icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "speaker" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/speaker.json" }, "files": [ { "path": "registry/animations/speaker.tsx", "type": "registry:component", "target": "components/animations/speaker.tsx" } ] }, { "name": "stop-circle", "type": "registry:component", "title": "Stop Circle (animated)", "description": "Animated stop circle icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "circle", "media", "stop", "stop-circle" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/stop-circle.json" }, "files": [ { "path": "registry/animations/stop-circle.tsx", "type": "registry:component", "target": "components/animations/stop-circle.tsx" } ] }, { "name": "tv", "type": "registry:component", "title": "TV (animated)", "description": "Animated tv icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "media", "tv" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/tv.json" }, "files": [ { "path": "registry/animations/tv.tsx", "type": "registry:component", "target": "components/animations/tv.tsx" } ] }, { "name": "video", "type": "registry:component", "title": "Video (animated)", "description": "Animated video icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "camera", "media", "video", "video call", "video-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/video.json" }, "files": [ { "path": "registry/animations/video.tsx", "type": "registry:component", "target": "components/animations/video.tsx" } ] }, { "name": "video-off", "type": "registry:component", "title": "Video Off (animated)", "description": "Animated video off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "camera", "media", "off", "video", "video call", "video-off", "video-off-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/video-off.json" }, "files": [ { "path": "registry/animations/video-off.tsx", "type": "registry:component", "target": "components/animations/video-off.tsx" } ] }, { "name": "video-v2", "type": "registry:component", "title": "Video V2 (animated)", "description": "Animated video v2 icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "camera", "media", "video", "video call", "video-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/video-v2.json" }, "files": [ { "path": "registry/animations/video-v2.tsx", "type": "registry:component", "target": "components/animations/video-v2.tsx" } ] }, { "name": "volume", "type": "registry:component", "title": "Volume (animated)", "description": "Animated volume icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "media" ], "meta": { "keywords": [ "audio", "media", "mute", "sound", "speaker", "volume", "volume-1", "volume-2", "volume-x" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/volume.json" }, "files": [ { "path": "registry/animations/volume.tsx", "type": "registry:component", "target": "components/animations/volume.tsx" } ] }, { "name": "align-center", "type": "registry:component", "title": "Align Center (animated)", "description": "Animated align center icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "align", "align-center", "center", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/align-center.json" }, "files": [ { "path": "registry/animations/align-center.tsx", "type": "registry:component", "target": "components/animations/align-center.tsx" } ] }, { "name": "align-justify", "type": "registry:component", "title": "Align Justify (animated)", "description": "Animated align justify icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "align", "align-justify", "justify", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/align-justify.json" }, "files": [ { "path": "registry/animations/align-justify.tsx", "type": "registry:component", "target": "components/animations/align-justify.tsx" } ] }, { "name": "align-left", "type": "registry:component", "title": "Align Left (animated)", "description": "Animated align left icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "align", "align-left", "left", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/align-left.json" }, "files": [ { "path": "registry/animations/align-left.tsx", "type": "registry:component", "target": "components/animations/align-left.tsx" } ] }, { "name": "align-right", "type": "registry:component", "title": "Align Right (animated)", "description": "Animated align right icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "align", "align-right", "right", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/align-right.json" }, "files": [ { "path": "registry/animations/align-right.tsx", "type": "registry:component", "target": "components/animations/align-right.tsx" } ] }, { "name": "bold", "type": "registry:component", "title": "Bold (animated)", "description": "Animated bold icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "bold", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/bold.json" }, "files": [ { "path": "registry/animations/bold.tsx", "type": "registry:component", "target": "components/animations/bold.tsx" } ] }, { "name": "hash", "type": "registry:component", "title": "Hash (animated)", "description": "Animated hash icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "hash", "text editing" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/hash.json" }, "files": [ { "path": "registry/animations/hash.tsx", "type": "registry:component", "target": "components/animations/hash.tsx" } ] }, { "name": "italic", "type": "registry:component", "title": "Italic (animated)", "description": "Animated italic icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "italic", "text editing" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/italic.json" }, "files": [ { "path": "registry/animations/italic.tsx", "type": "registry:component", "target": "components/animations/italic.tsx" } ] }, { "name": "list", "type": "registry:component", "title": "List (animated)", "description": "Animated list icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "list", "text editing" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/list.json" }, "files": [ { "path": "registry/animations/list.tsx", "type": "registry:component", "target": "components/animations/list.tsx" } ] }, { "name": "type", "type": "registry:component", "title": "Type (animated)", "description": "Animated type icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "text editing", "type" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/type.json" }, "files": [ { "path": "registry/animations/type.tsx", "type": "registry:component", "target": "components/animations/type.tsx" } ] }, { "name": "underline", "type": "registry:component", "title": "Underline (animated)", "description": "Animated underline icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "text-editing" ], "meta": { "keywords": [ "text editing", "underline" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/underline.json" }, "files": [ { "path": "registry/animations/underline.tsx", "type": "registry:component", "target": "components/animations/underline.tsx" } ] }, { "name": "at-sign", "type": "registry:component", "title": "At Sign (animated)", "description": "Animated at sign icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "at", "at-sign", "communication", "sign" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/at-sign.json" }, "files": [ { "path": "registry/animations/at-sign.tsx", "type": "registry:component", "target": "components/animations/at-sign.tsx" } ] }, { "name": "message-circle", "type": "registry:component", "title": "Message Circle (animated)", "description": "Animated message circle icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "circle", "communication", "message", "message-circle" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/message-circle.json" }, "files": [ { "path": "registry/animations/message-circle.tsx", "type": "registry:component", "target": "components/animations/message-circle.tsx" } ] }, { "name": "message-square", "type": "registry:component", "title": "Message Square (animated)", "description": "Animated message square icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "message", "message-square", "square" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/message-square.json" }, "files": [ { "path": "registry/animations/message-square.tsx", "type": "registry:component", "target": "components/animations/message-square.tsx" } ] }, { "name": "phone", "type": "registry:component", "title": "Phone (animated)", "description": "Animated phone icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "phone" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/phone.json" }, "files": [ { "path": "registry/animations/phone.tsx", "type": "registry:component", "target": "components/animations/phone.tsx" } ] }, { "name": "phone-call", "type": "registry:component", "title": "Phone Call (animated)", "description": "Animated phone call icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "call", "communication", "phone", "phone-call" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/phone-call.json" }, "files": [ { "path": "registry/animations/phone-call.tsx", "type": "registry:component", "target": "components/animations/phone-call.tsx" } ] }, { "name": "phone-forwarded", "type": "registry:component", "title": "Phone Forwarded (animated)", "description": "Animated phone forwarded icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "forwarded", "phone", "phone-forwarded" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/phone-forwarded.json" }, "files": [ { "path": "registry/animations/phone-forwarded.tsx", "type": "registry:component", "target": "components/animations/phone-forwarded.tsx" } ] }, { "name": "phone-incoming", "type": "registry:component", "title": "Phone Incoming (animated)", "description": "Animated phone incoming icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "incoming", "phone", "phone-incoming" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/phone-incoming.json" }, "files": [ { "path": "registry/animations/phone-incoming.tsx", "type": "registry:component", "target": "components/animations/phone-incoming.tsx" } ] }, { "name": "phone-missed", "type": "registry:component", "title": "Phone Missed (animated)", "description": "Animated phone missed icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "missed", "phone", "phone-missed" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/phone-missed.json" }, "files": [ { "path": "registry/animations/phone-missed.tsx", "type": "registry:component", "target": "components/animations/phone-missed.tsx" } ] }, { "name": "phone-off", "type": "registry:component", "title": "Phone Off (animated)", "description": "Animated phone off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "off", "phone", "phone-off", "phone-off-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/phone-off.json" }, "files": [ { "path": "registry/animations/phone-off.tsx", "type": "registry:component", "target": "components/animations/phone-off.tsx" } ] }, { "name": "phone-outgoing", "type": "registry:component", "title": "Phone Outgoing (animated)", "description": "Animated phone outgoing icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "outgoing", "phone", "phone-outgoing" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/phone-outgoing.json" }, "files": [ { "path": "registry/animations/phone-outgoing.tsx", "type": "registry:component", "target": "components/animations/phone-outgoing.tsx" } ] }, { "name": "rss", "type": "registry:component", "title": "RSS (animated)", "description": "Animated rss icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "rss" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/rss.json" }, "files": [ { "path": "registry/animations/rss.tsx", "type": "registry:component", "target": "components/animations/rss.tsx" } ] }, { "name": "send", "type": "registry:component", "title": "Send (animated)", "description": "Animated send icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "send" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/send.json" }, "files": [ { "path": "registry/animations/send.tsx", "type": "registry:component", "target": "components/animations/send.tsx" } ] }, { "name": "voicemail", "type": "registry:component", "title": "Voicemail (animated)", "description": "Animated voicemail icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "communication" ], "meta": { "keywords": [ "communication", "voicemail" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/voicemail.json" }, "files": [ { "path": "registry/animations/voicemail.tsx", "type": "registry:component", "target": "components/animations/voicemail.tsx" } ] }, { "name": "battery", "type": "registry:component", "title": "Battery (animated)", "description": "Animated battery icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "battery", "devices" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/battery.json" }, "files": [ { "path": "registry/animations/battery.tsx", "type": "registry:component", "target": "components/animations/battery.tsx" } ] }, { "name": "battery-charging", "type": "registry:component", "title": "Battery Charging (animated)", "description": "Animated battery charging icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "battery", "battery-charging", "charging", "devices" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/battery-charging.json" }, "files": [ { "path": "registry/animations/battery-charging.tsx", "type": "registry:component", "target": "components/animations/battery-charging.tsx" } ] }, { "name": "bluetooth", "type": "registry:component", "title": "Bluetooth (animated)", "description": "Animated bluetooth icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "bluetooth", "devices" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/bluetooth.json" }, "files": [ { "path": "registry/animations/bluetooth.tsx", "type": "registry:component", "target": "components/animations/bluetooth.tsx" } ] }, { "name": "cpu", "type": "registry:component", "title": "CPU (animated)", "description": "Animated cpu icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "cpu", "devices" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cpu.json" }, "files": [ { "path": "registry/animations/cpu.tsx", "type": "registry:component", "target": "components/animations/cpu.tsx" } ] }, { "name": "hard-drive", "type": "registry:component", "title": "Hard Drive (animated)", "description": "Animated hard drive icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "drive", "hard", "hard-drive" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/hard-drive.json" }, "files": [ { "path": "registry/animations/hard-drive.tsx", "type": "registry:component", "target": "components/animations/hard-drive.tsx" } ] }, { "name": "monitor", "type": "registry:component", "title": "Monitor (animated)", "description": "Animated monitor icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "monitor" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/monitor.json" }, "files": [ { "path": "registry/animations/monitor.tsx", "type": "registry:component", "target": "components/animations/monitor.tsx" } ] }, { "name": "printer", "type": "registry:component", "title": "Printer (animated)", "description": "Animated printer icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "printer" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/printer.json" }, "files": [ { "path": "registry/animations/printer.tsx", "type": "registry:component", "target": "components/animations/printer.tsx" } ] }, { "name": "smartphone", "type": "registry:component", "title": "Smartphone (animated)", "description": "Animated smartphone icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "smartphone" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/smartphone.json" }, "files": [ { "path": "registry/animations/smartphone.tsx", "type": "registry:component", "target": "components/animations/smartphone.tsx" } ] }, { "name": "tablet", "type": "registry:component", "title": "Tablet (animated)", "description": "Animated tablet icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "tablet" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/tablet.json" }, "files": [ { "path": "registry/animations/tablet.tsx", "type": "registry:component", "target": "components/animations/tablet.tsx" } ] }, { "name": "watch", "type": "registry:component", "title": "Watch (animated)", "description": "Animated watch icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "watch" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/watch.json" }, "files": [ { "path": "registry/animations/watch.tsx", "type": "registry:component", "target": "components/animations/watch.tsx" } ] }, { "name": "wifi", "type": "registry:component", "title": "WiFi (animated)", "description": "Animated wifi icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "wifi" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/wifi.json" }, "files": [ { "path": "registry/animations/wifi.tsx", "type": "registry:component", "target": "components/animations/wifi.tsx" } ] }, { "name": "wifi-off", "type": "registry:component", "title": "Wifi Off (animated)", "description": "Animated wifi off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "devices" ], "meta": { "keywords": [ "devices", "off", "wifi", "wifi-off", "wifi-off-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/wifi-off.json" }, "files": [ { "path": "registry/animations/wifi-off.tsx", "type": "registry:component", "target": "components/animations/wifi-off.tsx" } ] }, { "name": "cloud", "type": "registry:component", "title": "Cloud (animated)", "description": "Animated cloud icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "weather" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/cloud.json" }, "files": [ { "path": "registry/animations/cloud.tsx", "type": "registry:component", "target": "components/animations/cloud.tsx" } ] }, { "name": "cloud-drizzle", "type": "registry:component", "title": "Cloud Drizzle (animated)", "description": "Animated cloud drizzle icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "cloud-drizzle", "drizzle", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cloud-drizzle.json" }, "files": [ { "path": "registry/animations/cloud-drizzle.tsx", "type": "registry:component", "target": "components/animations/cloud-drizzle.tsx" } ] }, { "name": "cloud-lightning", "type": "registry:component", "title": "Cloud Lightning (animated)", "description": "Animated cloud lightning icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "cloud-lightning", "lightning", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cloud-lightning.json" }, "files": [ { "path": "registry/animations/cloud-lightning.tsx", "type": "registry:component", "target": "components/animations/cloud-lightning.tsx" } ] }, { "name": "cloud-off", "type": "registry:component", "title": "Cloud Off (animated)", "description": "Animated cloud off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "cloud-off", "cloud-off-off", "off", "weather" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/cloud-off.json" }, "files": [ { "path": "registry/animations/cloud-off.tsx", "type": "registry:component", "target": "components/animations/cloud-off.tsx" } ] }, { "name": "cloud-rain", "type": "registry:component", "title": "Cloud Rain (animated)", "description": "Animated cloud rain icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "cloud-rain", "rain", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cloud-rain.json" }, "files": [ { "path": "registry/animations/cloud-rain.tsx", "type": "registry:component", "target": "components/animations/cloud-rain.tsx" } ] }, { "name": "cloud-snow", "type": "registry:component", "title": "Cloud Snow (animated)", "description": "Animated cloud snow icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "cloud", "cloud-snow", "snow", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/cloud-snow.json" }, "files": [ { "path": "registry/animations/cloud-snow.tsx", "type": "registry:component", "target": "components/animations/cloud-snow.tsx" } ] }, { "name": "droplet", "type": "registry:component", "title": "Droplet (animated)", "description": "Animated droplet icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "droplet", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/droplet.json" }, "files": [ { "path": "registry/animations/droplet.tsx", "type": "registry:component", "target": "components/animations/droplet.tsx" } ] }, { "name": "moon", "type": "registry:component", "title": "Moon (animated)", "description": "Animated moon icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "moon", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/moon.json" }, "files": [ { "path": "registry/animations/moon.tsx", "type": "registry:component", "target": "components/animations/moon.tsx" } ] }, { "name": "sun", "type": "registry:component", "title": "Sun (animated)", "description": "Animated sun icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "sun", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/sun.json" }, "files": [ { "path": "registry/animations/sun.tsx", "type": "registry:component", "target": "components/animations/sun.tsx" } ] }, { "name": "sunrise", "type": "registry:component", "title": "Sunrise (animated)", "description": "Animated sunrise icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "sunrise", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/sunrise.json" }, "files": [ { "path": "registry/animations/sunrise.tsx", "type": "registry:component", "target": "components/animations/sunrise.tsx" } ] }, { "name": "sunset", "type": "registry:component", "title": "Sunset (animated)", "description": "Animated sunset icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "sunset", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/sunset.json" }, "files": [ { "path": "registry/animations/sunset.tsx", "type": "registry:component", "target": "components/animations/sunset.tsx" } ] }, { "name": "thermometer", "type": "registry:component", "title": "Thermometer (animated)", "description": "Animated thermometer icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "thermometer", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/thermometer.json" }, "files": [ { "path": "registry/animations/thermometer.tsx", "type": "registry:component", "target": "components/animations/thermometer.tsx" } ] }, { "name": "umbrella", "type": "registry:component", "title": "Umbrella (animated)", "description": "Animated umbrella icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "umbrella", "weather" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/umbrella.json" }, "files": [ { "path": "registry/animations/umbrella.tsx", "type": "registry:component", "target": "components/animations/umbrella.tsx" } ] }, { "name": "wind", "type": "registry:component", "title": "Wind (animated)", "description": "Animated wind icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "weather", "wind" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/wind.json" }, "files": [ { "path": "registry/animations/wind.tsx", "type": "registry:component", "target": "components/animations/wind.tsx" } ] }, { "name": "zap", "type": "registry:component", "title": "Zap (animated)", "description": "Animated zap icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "weather", "zap" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/zap.json" }, "files": [ { "path": "registry/animations/zap.tsx", "type": "registry:component", "target": "components/animations/zap.tsx" } ] }, { "name": "zap-off", "type": "registry:component", "title": "Zap Off (animated)", "description": "Animated zap off icon (click-toggle). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "weather" ], "meta": { "keywords": [ "off", "weather", "zap", "zap-off", "zap-off-off" ], "interaction": "click-toggle", "interactionDescription": "Toggles between two states on click, or switches immediately when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/zap-off.json" }, "files": [ { "path": "registry/animations/zap-off.tsx", "type": "registry:component", "target": "components/animations/zap-off.tsx" } ] }, { "name": "anchor", "type": "registry:component", "title": "Anchor (animated)", "description": "Animated anchor icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "anchor", "maps & location" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/anchor.json" }, "files": [ { "path": "registry/animations/anchor.tsx", "type": "registry:component", "target": "components/animations/anchor.tsx" } ] }, { "name": "crosshair", "type": "registry:component", "title": "Crosshair (animated)", "description": "Animated crosshair icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "crosshair", "maps & location" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/crosshair.json" }, "files": [ { "path": "registry/animations/crosshair.tsx", "type": "registry:component", "target": "components/animations/crosshair.tsx" } ] }, { "name": "globe", "type": "registry:component", "title": "Globe (animated)", "description": "Animated globe icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "globe", "maps & location" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/globe.json" }, "files": [ { "path": "registry/animations/globe.tsx", "type": "registry:component", "target": "components/animations/globe.tsx" } ] }, { "name": "life-buoy", "type": "registry:component", "title": "Life Buoy (animated)", "description": "Animated life buoy icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "buoy", "life", "life-buoy", "maps & location" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/life-buoy.json" }, "files": [ { "path": "registry/animations/life-buoy.tsx", "type": "registry:component", "target": "components/animations/life-buoy.tsx" } ] }, { "name": "map", "type": "registry:component", "title": "Map (animated)", "description": "Animated map icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "map", "maps & location" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/map.json" }, "files": [ { "path": "registry/animations/map.tsx", "type": "registry:component", "target": "components/animations/map.tsx" } ] }, { "name": "map-pin", "type": "registry:component", "title": "Map Pin (animated)", "description": "Animated map pin icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "map", "map-pin", "maps & location", "pin" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/map-pin.json" }, "files": [ { "path": "registry/animations/map-pin.tsx", "type": "registry:component", "target": "components/animations/map-pin.tsx" } ] }, { "name": "navigation", "type": "registry:component", "title": "Navigation (animated)", "description": "Animated navigation icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "maps & location", "navigation" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/navigation.json" }, "files": [ { "path": "registry/animations/navigation.tsx", "type": "registry:component", "target": "components/animations/navigation.tsx" } ] }, { "name": "navigation-2", "type": "registry:component", "title": "Navigation 2 (animated)", "description": "Animated navigation 2 icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "2", "maps & location", "navigation", "navigation-2" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/navigation-2.json" }, "files": [ { "path": "registry/animations/navigation-2.tsx", "type": "registry:component", "target": "components/animations/navigation-2.tsx" } ] }, { "name": "target", "type": "registry:component", "title": "Target (animated)", "description": "Animated target icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "maps-and-location" ], "meta": { "keywords": [ "maps & location", "target" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/target.json" }, "files": [ { "path": "registry/animations/target.tsx", "type": "registry:component", "target": "components/animations/target.tsx" } ] }, { "name": "box", "type": "registry:component", "title": "Box (animated)", "description": "Animated box icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "box", "commerce" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/box.json" }, "files": [ { "path": "registry/animations/box.tsx", "type": "registry:component", "target": "components/animations/box.tsx" } ] }, { "name": "briefcase", "type": "registry:component", "title": "Briefcase (animated)", "description": "Animated briefcase icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "briefcase", "commerce" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/briefcase.json" }, "files": [ { "path": "registry/animations/briefcase.tsx", "type": "registry:component", "target": "components/animations/briefcase.tsx" } ] }, { "name": "credit-card", "type": "registry:component", "title": "Credit Card (animated)", "description": "Animated credit card icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "card", "commerce", "credit", "credit-card" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/credit-card.json" }, "files": [ { "path": "registry/animations/credit-card.tsx", "type": "registry:component", "target": "components/animations/credit-card.tsx" } ] }, { "name": "dollar-sign", "type": "registry:component", "title": "Dollar Sign (animated)", "description": "Animated dollar sign icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "dollar", "dollar-sign", "sign" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/dollar-sign.json" }, "files": [ { "path": "registry/animations/dollar-sign.tsx", "type": "registry:component", "target": "components/animations/dollar-sign.tsx" } ] }, { "name": "gift", "type": "registry:component", "title": "Gift (animated)", "description": "Animated gift icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "gift" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/gift.json" }, "files": [ { "path": "registry/animations/gift.tsx", "type": "registry:component", "target": "components/animations/gift.tsx" } ] }, { "name": "package", "type": "registry:component", "title": "Package (animated)", "description": "Animated package icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "package" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/package.json" }, "files": [ { "path": "registry/animations/package.tsx", "type": "registry:component", "target": "components/animations/package.tsx" } ] }, { "name": "percent", "type": "registry:component", "title": "Percent (animated)", "description": "Animated percent icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "percent" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/percent.json" }, "files": [ { "path": "registry/animations/percent.tsx", "type": "registry:component", "target": "components/animations/percent.tsx" } ] }, { "name": "shopping-bag", "type": "registry:component", "title": "Shopping Bag (animated)", "description": "Animated shopping bag icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "bag", "commerce", "shopping", "shopping-bag" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/shopping-bag.json" }, "files": [ { "path": "registry/animations/shopping-bag.tsx", "type": "registry:component", "target": "components/animations/shopping-bag.tsx" } ] }, { "name": "shopping-cart", "type": "registry:component", "title": "Shopping Cart (animated)", "description": "Animated shopping cart icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "cart", "commerce", "shopping", "shopping-cart" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/shopping-cart.json" }, "files": [ { "path": "registry/animations/shopping-cart.tsx", "type": "registry:component", "target": "components/animations/shopping-cart.tsx" } ] }, { "name": "tag", "type": "registry:component", "title": "Tag (animated)", "description": "Animated tag icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "tag" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/tag.json" }, "files": [ { "path": "registry/animations/tag.tsx", "type": "registry:component", "target": "components/animations/tag.tsx" } ] }, { "name": "truck", "type": "registry:component", "title": "Truck (animated)", "description": "Animated truck icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "commerce" ], "meta": { "keywords": [ "commerce", "truck" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/truck.json" }, "files": [ { "path": "registry/animations/truck.tsx", "type": "registry:component", "target": "components/animations/truck.tsx" } ] }, { "name": "bar-chart", "type": "registry:component", "title": "Bar Chart (animated)", "description": "Animated bar chart icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "charts" ], "meta": { "keywords": [ "bar", "bar-chart", "chart", "charts" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/bar-chart.json" }, "files": [ { "path": "registry/animations/bar-chart.tsx", "type": "registry:component", "target": "components/animations/bar-chart.tsx" } ] }, { "name": "bar-chart-2", "type": "registry:component", "title": "Bar Chart 2 (animated)", "description": "Animated bar chart 2 icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "charts" ], "meta": { "keywords": [ "2", "bar", "bar-chart-2", "chart", "charts" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/bar-chart-2.json" }, "files": [ { "path": "registry/animations/bar-chart-2.tsx", "type": "registry:component", "target": "components/animations/bar-chart-2.tsx" } ] }, { "name": "pie-chart", "type": "registry:component", "title": "Pie Chart (animated)", "description": "Animated pie chart icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "charts" ], "meta": { "keywords": [ "chart", "charts", "pie", "pie-chart" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/pie-chart.json" }, "files": [ { "path": "registry/animations/pie-chart.tsx", "type": "registry:component", "target": "components/animations/pie-chart.tsx" } ] }, { "name": "trending-down", "type": "registry:component", "title": "Trending Down (animated)", "description": "Animated trending down icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "charts" ], "meta": { "keywords": [ "charts", "down", "trending", "trending-down" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/trending-down.json" }, "files": [ { "path": "registry/animations/trending-down.tsx", "type": "registry:component", "target": "components/animations/trending-down.tsx" } ] }, { "name": "trending-up", "type": "registry:component", "title": "Trending Up (animated)", "description": "Animated trending up icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "charts" ], "meta": { "keywords": [ "charts", "trending", "trending-up", "up" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/trending-up.json" }, "files": [ { "path": "registry/animations/trending-up.tsx", "type": "registry:component", "target": "components/animations/trending-up.tsx" } ] }, { "name": "code", "type": "registry:component", "title": "Code (animated)", "description": "Animated code icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "code", "development" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/code.json" }, "files": [ { "path": "registry/animations/code.tsx", "type": "registry:component", "target": "components/animations/code.tsx" } ] }, { "name": "command", "type": "registry:component", "title": "Command (animated)", "description": "Animated command icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "command", "development" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/command.json" }, "files": [ { "path": "registry/animations/command.tsx", "type": "registry:component", "target": "components/animations/command.tsx" } ] }, { "name": "database", "type": "registry:component", "title": "Database (animated)", "description": "Animated database icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "database", "development" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/database.json" }, "files": [ { "path": "registry/animations/database.tsx", "type": "registry:component", "target": "components/animations/database.tsx" } ] }, { "name": "git-branch", "type": "registry:component", "title": "Git Branch (animated)", "description": "Animated git branch icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "branch", "development", "git", "git-branch" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/git-branch.json" }, "files": [ { "path": "registry/animations/git-branch.tsx", "type": "registry:component", "target": "components/animations/git-branch.tsx" } ] }, { "name": "git-commit", "type": "registry:component", "title": "Git Commit (animated)", "description": "Animated git commit icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "commit", "development", "git", "git-commit" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/git-commit.json" }, "files": [ { "path": "registry/animations/git-commit.tsx", "type": "registry:component", "target": "components/animations/git-commit.tsx" } ] }, { "name": "git-merge", "type": "registry:component", "title": "Git Merge (animated)", "description": "Animated git merge icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "development", "git", "git-merge", "merge" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/git-merge.json" }, "files": [ { "path": "registry/animations/git-merge.tsx", "type": "registry:component", "target": "components/animations/git-merge.tsx" } ] }, { "name": "git-pull-request", "type": "registry:component", "title": "Git Pull Request (animated)", "description": "Animated git pull request icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "development", "git", "git-pull-request", "pull", "request" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/git-pull-request.json" }, "files": [ { "path": "registry/animations/git-pull-request.tsx", "type": "registry:component", "target": "components/animations/git-pull-request.tsx" } ] }, { "name": "server", "type": "registry:component", "title": "Server (animated)", "description": "Animated server icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "development", "server" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/server.json" }, "files": [ { "path": "registry/animations/server.tsx", "type": "registry:component", "target": "components/animations/server.tsx" } ] }, { "name": "terminal", "type": "registry:component", "title": "Terminal (animated)", "description": "Animated terminal icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "development" ], "meta": { "keywords": [ "development", "terminal" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/terminal.json" }, "files": [ { "path": "registry/animations/terminal.tsx", "type": "registry:component", "target": "components/animations/terminal.tsx" } ] }, { "name": "columns", "type": "registry:component", "title": "Columns (animated)", "description": "Animated columns icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "columns", "design & layout" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/columns.json" }, "files": [ { "path": "registry/animations/columns.tsx", "type": "registry:component", "target": "components/animations/columns.tsx" } ] }, { "name": "crop", "type": "registry:component", "title": "Crop (animated)", "description": "Animated crop icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "crop", "design & layout" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/crop.json" }, "files": [ { "path": "registry/animations/crop.tsx", "type": "registry:component", "target": "components/animations/crop.tsx" } ] }, { "name": "grid", "type": "registry:component", "title": "Grid (animated)", "description": "Animated grid icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "grid" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/grid.json" }, "files": [ { "path": "registry/animations/grid.tsx", "type": "registry:component", "target": "components/animations/grid.tsx" } ] }, { "name": "layers", "type": "registry:component", "title": "Layers (animated)", "description": "Animated layers icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "layers" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/layers.json" }, "files": [ { "path": "registry/animations/layers.tsx", "type": "registry:component", "target": "components/animations/layers.tsx" } ] }, { "name": "layout", "type": "registry:component", "title": "Layout (animated)", "description": "Animated layout icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "layout" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/layout.json" }, "files": [ { "path": "registry/animations/layout.tsx", "type": "registry:component", "target": "components/animations/layout.tsx" } ] }, { "name": "mouse-pointer", "type": "registry:component", "title": "Mouse Pointer (animated)", "description": "Animated mouse pointer icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "mouse", "mouse-pointer", "pointer" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/mouse-pointer.json" }, "files": [ { "path": "registry/animations/mouse-pointer.tsx", "type": "registry:component", "target": "components/animations/mouse-pointer.tsx" } ] }, { "name": "move", "type": "registry:component", "title": "Move (animated)", "description": "Animated move icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "move" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/move.json" }, "files": [ { "path": "registry/animations/move.tsx", "type": "registry:component", "target": "components/animations/move.tsx" } ] }, { "name": "pen-tool", "type": "registry:component", "title": "Pen Tool (animated)", "description": "Animated pen tool icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "pen", "pen-tool", "tool" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/pen-tool.json" }, "files": [ { "path": "registry/animations/pen-tool.tsx", "type": "registry:component", "target": "components/animations/pen-tool.tsx" } ] }, { "name": "scissors", "type": "registry:component", "title": "Scissors (animated)", "description": "Animated scissors icon (click-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "scissors" ], "interaction": "click-replay", "interactionDescription": "Replays once from the start on every click unless reduced motion is preferred.", "lottie": "https://useanimations.com/icons/scissors.json" }, "files": [ { "path": "registry/animations/scissors.tsx", "type": "registry:component", "target": "components/animations/scissors.tsx" } ] }, { "name": "table", "type": "registry:component", "title": "Table (animated)", "description": "Animated table icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "design-and-layout" ], "meta": { "keywords": [ "design & layout", "table" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/table.json" }, "files": [ { "path": "registry/animations/table.tsx", "type": "registry:component", "target": "components/animations/table.tsx" } ] }, { "name": "circle", "type": "registry:component", "title": "Circle (animated)", "description": "Animated circle icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "circle", "shapes & math" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/circle.json" }, "files": [ { "path": "registry/animations/circle.tsx", "type": "registry:component", "target": "components/animations/circle.tsx" } ] }, { "name": "divide", "type": "registry:component", "title": "Divide (animated)", "description": "Animated divide icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "divide", "shapes & math" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/divide.json" }, "files": [ { "path": "registry/animations/divide.tsx", "type": "registry:component", "target": "components/animations/divide.tsx" } ] }, { "name": "divide-circle", "type": "registry:component", "title": "Divide Circle (animated)", "description": "Animated divide circle icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "circle", "divide", "divide-circle", "shapes & math" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/divide-circle.json" }, "files": [ { "path": "registry/animations/divide-circle.tsx", "type": "registry:component", "target": "components/animations/divide-circle.tsx" } ] }, { "name": "divide-square", "type": "registry:component", "title": "Divide Square (animated)", "description": "Animated divide square icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "divide", "divide-square", "shapes & math", "square" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/divide-square.json" }, "files": [ { "path": "registry/animations/divide-square.tsx", "type": "registry:component", "target": "components/animations/divide-square.tsx" } ] }, { "name": "hexagon", "type": "registry:component", "title": "Hexagon (animated)", "description": "Animated hexagon icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "hexagon", "shapes & math" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/hexagon.json" }, "files": [ { "path": "registry/animations/hexagon.tsx", "type": "registry:component", "target": "components/animations/hexagon.tsx" } ] }, { "name": "octagon", "type": "registry:component", "title": "Octagon (animated)", "description": "Animated octagon icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "octagon", "shapes & math" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/octagon.json" }, "files": [ { "path": "registry/animations/octagon.tsx", "type": "registry:component", "target": "components/animations/octagon.tsx" } ] }, { "name": "square", "type": "registry:component", "title": "Square (animated)", "description": "Animated square icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "shapes & math", "square" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/square.json" }, "files": [ { "path": "registry/animations/square.tsx", "type": "registry:component", "target": "components/animations/square.tsx" } ] }, { "name": "triangle", "type": "registry:component", "title": "Triangle (animated)", "description": "Animated triangle icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "shapes-and-math" ], "meta": { "keywords": [ "shapes & math", "triangle" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/triangle.json" }, "files": [ { "path": "registry/animations/triangle.tsx", "type": "registry:component", "target": "components/animations/triangle.tsx" } ] }, { "name": "infinity", "type": "registry:component", "title": "Infinity (animated)", "description": "Animated infinity icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "loading" ], "meta": { "keywords": [ "infinity", "loader", "loading", "loop", "spinner" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/infinity.json" }, "files": [ { "path": "registry/animations/infinity.tsx", "type": "registry:component", "target": "components/animations/infinity.tsx" } ] }, { "name": "loading", "type": "registry:component", "title": "Loading circular (animated)", "description": "Animated loading circular icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "loading" ], "meta": { "keywords": [ "circular", "loader", "loading", "progress", "spinner" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/loading.json" }, "files": [ { "path": "registry/animations/loading.tsx", "type": "registry:component", "target": "components/animations/loading.tsx" } ] }, { "name": "loading-v2", "type": "registry:component", "title": "Loading V2 (animated)", "description": "Animated loading v2 icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "loading" ], "meta": { "keywords": [ "loader", "loading", "progress", "spinner" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/loading-v2.json" }, "files": [ { "path": "registry/animations/loading-v2.tsx", "type": "registry:component", "target": "components/animations/loading-v2.tsx" } ] }, { "name": "loading-v3", "type": "registry:component", "title": "Loading V3 (animated)", "description": "Animated loading v3 icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "loading" ], "meta": { "keywords": [ "loader", "loading", "progress", "spinner" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/loading-v3.json" }, "files": [ { "path": "registry/animations/loading-v3.tsx", "type": "registry:component", "target": "components/animations/loading-v3.tsx" } ] }, { "name": "loading-v4", "type": "registry:component", "title": "Loading V4 (animated)", "description": "Animated loading v4 icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "loading" ], "meta": { "keywords": [ "loader", "loading", "loadingv4", "progress", "spinner" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/loading-v4.json" }, "files": [ { "path": "registry/animations/loading-v4.tsx", "type": "registry:component", "target": "components/animations/loading-v4.tsx" } ] }, { "name": "behance", "type": "registry:component", "title": "Behance (animated)", "description": "Animated behance icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "behance", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/behance.json" }, "files": [ { "path": "registry/animations/behance.tsx", "type": "registry:component", "target": "components/animations/behance.tsx" } ] }, { "name": "chrome", "type": "registry:component", "title": "Chrome (animated)", "description": "Animated chrome icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "chrome", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/chrome.json" }, "files": [ { "path": "registry/animations/chrome.tsx", "type": "registry:component", "target": "components/animations/chrome.tsx" } ] }, { "name": "codepen", "type": "registry:component", "title": "Codepen (animated)", "description": "Animated codepen icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "codepen", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/codepen.json" }, "files": [ { "path": "registry/animations/codepen.tsx", "type": "registry:component", "target": "components/animations/codepen.tsx" } ] }, { "name": "codesandbox", "type": "registry:component", "title": "Codesandbox (animated)", "description": "Animated codesandbox icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "codesandbox", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/codesandbox.json" }, "files": [ { "path": "registry/animations/codesandbox.tsx", "type": "registry:component", "target": "components/animations/codesandbox.tsx" } ] }, { "name": "discord", "type": "registry:component", "title": "Discord (animated)", "description": "Animated discord icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "chat", "community", "discord", "gaming", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/discord.json" }, "files": [ { "path": "registry/animations/discord.tsx", "type": "registry:component", "target": "components/animations/discord.tsx" } ] }, { "name": "dribbble", "type": "registry:component", "title": "Dribbble (animated)", "description": "Animated dribbble icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "dribbble", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/dribbble.json" }, "files": [ { "path": "registry/animations/dribbble.tsx", "type": "registry:component", "target": "components/animations/dribbble.tsx" } ] }, { "name": "facebook", "type": "registry:component", "title": "Facebook (animated)", "description": "Animated facebook icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "facebook", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/facebook.json" }, "files": [ { "path": "registry/animations/facebook.tsx", "type": "registry:component", "target": "components/animations/facebook.tsx" } ] }, { "name": "figma", "type": "registry:component", "title": "Figma (animated)", "description": "Animated figma icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "figma", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/figma.json" }, "files": [ { "path": "registry/animations/figma.tsx", "type": "registry:component", "target": "components/animations/figma.tsx" } ] }, { "name": "framer", "type": "registry:component", "title": "Framer (animated)", "description": "Animated framer icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "framer", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/framer.json" }, "files": [ { "path": "registry/animations/framer.tsx", "type": "registry:component", "target": "components/animations/framer.tsx" } ] }, { "name": "github", "type": "registry:component", "title": "Github (animated)", "description": "Animated github icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "github", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/github.json" }, "files": [ { "path": "registry/animations/github.tsx", "type": "registry:component", "target": "components/animations/github.tsx" } ] }, { "name": "gitlab", "type": "registry:component", "title": "GitLab (animated)", "description": "Animated gitlab icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "gitlab", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/gitlab.json" }, "files": [ { "path": "registry/animations/gitlab.tsx", "type": "registry:component", "target": "components/animations/gitlab.tsx" } ] }, { "name": "instagram", "type": "registry:component", "title": "Instagram (animated)", "description": "Animated instagram icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "instagram", "social media" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/instagram.json" }, "files": [ { "path": "registry/animations/instagram.tsx", "type": "registry:component", "target": "components/animations/instagram.tsx" } ] }, { "name": "linkedin", "type": "registry:component", "title": "Linkedin (animated)", "description": "Animated linkedin icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "linkedin", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/linkedin.json" }, "files": [ { "path": "registry/animations/linkedin.tsx", "type": "registry:component", "target": "components/animations/linkedin.tsx" } ] }, { "name": "pocket", "type": "registry:component", "title": "Pocket (animated)", "description": "Animated pocket icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "pocket", "social media" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/pocket.json" }, "files": [ { "path": "registry/animations/pocket.tsx", "type": "registry:component", "target": "components/animations/pocket.tsx" } ] }, { "name": "slack", "type": "registry:component", "title": "Slack (animated)", "description": "Animated slack icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "slack", "social media" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/slack.json" }, "files": [ { "path": "registry/animations/slack.tsx", "type": "registry:component", "target": "components/animations/slack.tsx" } ] }, { "name": "telegram", "type": "registry:component", "title": "Telegram (animated)", "description": "Animated telegram icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "chat", "messenger", "paper plane", "social media", "telegram" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/telegram.json" }, "files": [ { "path": "registry/animations/telegram.tsx", "type": "registry:component", "target": "components/animations/telegram.tsx" } ] }, { "name": "trello", "type": "registry:component", "title": "Trello (animated)", "description": "Animated trello icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "trello" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/trello.json" }, "files": [ { "path": "registry/animations/trello.tsx", "type": "registry:component", "target": "components/animations/trello.tsx" } ] }, { "name": "twitch", "type": "registry:component", "title": "Twitch (animated)", "description": "Animated twitch icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "twitch" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/twitch.json" }, "files": [ { "path": "registry/animations/twitch.tsx", "type": "registry:component", "target": "components/animations/twitch.tsx" } ] }, { "name": "twitter", "type": "registry:component", "title": "Twitter (animated)", "description": "Animated twitter icon (hover-loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "twitter" ], "interaction": "hover-loop", "interactionDescription": "Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/twitter.json" }, "files": [ { "path": "registry/animations/twitter.tsx", "type": "registry:component", "target": "components/animations/twitter.tsx" } ] }, { "name": "twitter-x", "type": "registry:component", "title": "Twitter X (animated)", "description": "Animated twitter x icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "twitter", "twitter-x", "x" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/twitter-x.json" }, "files": [ { "path": "registry/animations/twitter-x.tsx", "type": "registry:component", "target": "components/animations/twitter-x.tsx" } ] }, { "name": "youtube", "type": "registry:component", "title": "YouTube (animated)", "description": "Animated youtube icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "youtube" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/youtube.json" }, "files": [ { "path": "registry/animations/youtube.tsx", "type": "registry:component", "target": "components/animations/youtube.tsx" } ] }, { "name": "youtube-v2", "type": "registry:component", "title": "YouTube V2 (animated)", "description": "Animated youtube v2 icon (hover). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "social-media" ], "meta": { "keywords": [ "social media", "youtube", "youtube-2" ], "interaction": "hover", "interactionDescription": "Plays forward on mouseenter and backward on mouseleave.", "lottie": "https://useanimations.com/icons/youtube-v2.json" }, "files": [ { "path": "registry/animations/youtube-v2.tsx", "type": "registry:component", "target": "components/animations/youtube-v2.tsx" } ] }, { "name": "activity", "type": "registry:component", "title": "Activity (animated)", "description": "Animated activity icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "activity", "other" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/activity.json" }, "files": [ { "path": "registry/animations/activity.tsx", "type": "registry:component", "target": "components/animations/activity.tsx" } ] }, { "name": "arrow-down", "type": "registry:component", "title": "Arrow down (animated)", "description": "Animated arrow down icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "arrow", "arrow-down", "direction", "down", "navigation", "other" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-down.json" }, "files": [ { "path": "registry/animations/arrow-down.tsx", "type": "registry:component", "target": "components/animations/arrow-down.tsx" } ] }, { "name": "arrow-up", "type": "registry:component", "title": "Arrow up (animated)", "description": "Animated arrow up icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "arrow", "arrow-up", "direction", "navigation", "other", "up" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/arrow-up.json" }, "files": [ { "path": "registry/animations/arrow-up.tsx", "type": "registry:component", "target": "components/animations/arrow-up.tsx" } ] }, { "name": "clock", "type": "registry:component", "title": "Clock (animated)", "description": "Animated clock icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "clock", "other" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/clock.json" }, "files": [ { "path": "registry/animations/clock.tsx", "type": "registry:component", "target": "components/animations/clock.tsx" } ] }, { "name": "coffee", "type": "registry:component", "title": "Coffee (animated)", "description": "Animated coffee icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "coffee", "other" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/coffee.json" }, "files": [ { "path": "registry/animations/coffee.tsx", "type": "registry:component", "target": "components/animations/coffee.tsx" } ] }, { "name": "frown", "type": "registry:component", "title": "Frown (animated)", "description": "Animated frown icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "frown", "other" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/frown.json" }, "files": [ { "path": "registry/animations/frown.tsx", "type": "registry:component", "target": "components/animations/frown.tsx" } ] }, { "name": "meh", "type": "registry:component", "title": "Meh (animated)", "description": "Animated meh icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "meh", "other" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/meh.json" }, "files": [ { "path": "registry/animations/meh.tsx", "type": "registry:component", "target": "components/animations/meh.tsx" } ] }, { "name": "scroll-down", "type": "registry:component", "title": "Scroll down (animated)", "description": "Animated scroll down icon (loop). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "down", "indicator", "mouse", "other", "scroll", "scrolldown" ], "interaction": "loop", "interactionDescription": "Plays continuously; stays on the static first frame when reduced motion is preferred.", "lottie": "https://useanimations.com/icons/scroll-down.json" }, "files": [ { "path": "registry/animations/scroll-down.tsx", "type": "registry:component", "target": "components/animations/scroll-down.tsx" } ] }, { "name": "smile", "type": "registry:component", "title": "Smile (animated)", "description": "Animated smile icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "other", "smile" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/smile.json" }, "files": [ { "path": "registry/animations/smile.tsx", "type": "registry:component", "target": "components/animations/smile.tsx" } ] }, { "name": "tool", "type": "registry:component", "title": "Tool (animated)", "description": "Animated tool icon (hover-replay). Usage: ", "author": "useAnimations ", "dependencies": [ "react-useanimations@^3.1.1" ], "registryDependencies": [ "https://useanimations.com/r/use-animation.json" ], "categories": [ "animated-icons", "other" ], "meta": { "keywords": [ "other", "tool" ], "interaction": "hover-replay", "interactionDescription": "Plays once on mouseenter unless reduced motion is preferred. Leaving does not stop it; entering during playback does not restart it.", "lottie": "https://useanimations.com/icons/tool.json" }, "files": [ { "path": "registry/animations/tool.tsx", "type": "registry:component", "target": "components/animations/tool.tsx" } ] } ] }