---
name: "@odysseyui"
slug: "odysseyui"
description: "A fully animated, open-source React component distribution built on top of Animate UI conventions, using Next.js App Router, React 19, TypeScript, Tailwind CSS v4, and Motion (formerly Framer Motion). Components are distributed via shadcn CLI and live directly in your codebase. Built as a Turborepo pnpm monorepo with Fumadocs for documentation. Free and MIT-licensed. Use for: Next.js projects that need motion-enhanced shadcn-compatible components with modern Tailwind v4 styling and full code ownership."
category: "Animated components"
tags: ["aesthetic", "ai", "animation", "audio", "blocks", "buttons", "cards", "design-system", "forms", "hooks", "icons", "loaders", "media", "navigation", "overlays", "text-effects", "theming"]
framework: "react"
license: null
author: "shr3kx"
website: "https://www.odysseyui.com/docs"
github: "https://github.com/shr3kx/odysseyui"
registry: "https://www.odysseyui.com/r/registry.json"
pro: false
pro_url: null
github_stars: 29
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @odysseyui

A fully animated, open-source React component distribution built on top of Animate UI conventions, using Next.js App Router, React 19, TypeScript, Tailwind CSS v4, and Motion (formerly Framer Motion). Components are distributed via shadcn CLI and live directly in your codebase. Built as a Turborepo pnpm monorepo with Fumadocs for documentation. Free and MIT-licensed. Use for: Next.js projects that need motion-enhanced shadcn-compatible components with modern Tailwind v4 styling and full code ownership.

## Links

- Website: https://www.odysseyui.com/docs
- GitHub: https://github.com/shr3kx/odysseyui
- Registry JSON: https://www.odysseyui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/odysseyui
- This file: https://sh4dcn.vercel.app/md/odysseyui.md

## Install

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

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://www.odysseyui.com/r/index.json` |
| components-ai-chat-container | registry:ui | A composable chat container with auto-scroll, empty state, animated messages, scroll-to-bottom button, and divider support. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-chat-container.json` |
| components-ai-message-bubble | registry:ui | A composable chat message bubble with avatar, content, and timestamp sub-components. Role-aware layout for user and assistant messages. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-message-bubble.json` |
| components-ai-model-selector | registry:ui | A modal-based AI model picker with provider filtering, search, starred models, and capability badges. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-model-selector.json` |
| components-ai-prompt-input | registry:ui | Simple Prompt Interface input design. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-prompt-input.json` |
| components-ai-search-modal | registry:ui | A full-featured chat search modal with conversation preview, inline rename, delete, keyboard navigation, and time-grouped results. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-search-modal.json` |
| components-ai-steps | registry:ui | A collapsible AI tool-run steps component with animated shimmer trigger and a vertical progress bar. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-steps.json` |
| components-ai-thought-chain | registry:ui | An animated AI reasoning step-by-step thought chain component with collapsible steps and status indicators. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-thought-chain.json` |
| components-ai-token-usage | registry:ui | A token usage card showing input/output counts, costs, proportion bar, and an interactive token breakdown with tooltips. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ai-token-usage.json` |
| components-animate-avatar-group | registry:ui | An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-avatar-group.json` |
| components-animate-card-stroke | registry:ui | A card component with animated SVG stroke and split-text reveal on hover. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-card-stroke.json` |
| components-animate-code | registry:ui | A code component that animates the code as it is written. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code.json` |
| components-animate-code-block | registry:ui | A styled code block frame component with language badge and optional copy functionality. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code-block.json` |
| components-animate-code-tabs | registry:ui | A tabs component that displays code for different languages. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code-tabs.json` |
| components-animate-cursor | registry:ui | An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-cursor.json` |
| components-animate-footer | registry:ui | A minimal footer design inspired by Dia browser. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-footer.json` |
| components-animate-github-stars-wheel | registry:ui | A scrolling wheel that displays GitHub stars count. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-github-stars-wheel.json` |
| components-animate-tabs | registry:ui | A set of layered sections of content—known as tab panels—that are displayed one at a time. | `npx shadcn@latest add https://www.odysseyui.com/r/components-animate-tabs.json` |
| components-app-shells-app-shell-1 | registry:ui | Collapsible sidebar app shell with search command palette, breadcrumb page header, scrollable nav sections, and avatar-based user dropdown. | `npx shadcn@latest add https://www.odysseyui.com/r/components-app-shells-app-shell-1.json` |
| components-app-shells-app-shell-2 | registry:component | A floating sidebar app shell with collapsible icon mode, searchable navigation, keyboard shortcuts modal, and user menu. | `npx shadcn@latest add https://www.odysseyui.com/r/components-app-shells-app-shell-2.json` |
| components-buttons-button | registry:ui | A button component with a variety of styles and animations. | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-button.json` |
| components-buttons-copy | registry:ui | A copy button component with a variety of styles and animations. | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-copy.json` |
| components-buttons-github-stars | registry:ui | A clickable button that links to a GitHub repository and displays the number of stars. | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-github-stars.json` |
| components-buttons-icon | registry:ui | An icon button component with a variety of styles and animations. | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-icon.json` |
| components-buttons-smart-upload | registry:ui | Turn file uploads into engaging moments with smooth animations and intuitive visual feedback | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-smart-upload.json` |
| components-buttons-theme-toggler | registry:ui | A button that toggles the theme gradually. | `npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-theme-toggler.json` |
| components-community-notification-list | registry:ui | A fun notification list with animated stacking and cards that expand as you interact. | `npx shadcn@latest add https://www.odysseyui.com/r/components-community-notification-list.json` |
| components-community-playful-todolist | registry:ui | A playful todolist component with animated wavy strikethroughs for each completed task. | `npx shadcn@latest add https://www.odysseyui.com/r/components-community-playful-todolist.json` |
| components-faqs-faq-1 | registry:ui | Accordion-based FAQ section with a serif heading and divider separators. | `npx shadcn@latest add https://www.odysseyui.com/r/components-faqs-faq-1.json` |
| components-logoclouds-logocloud-1 | registry:ui | Animated logo cloud with staggered fade-in and group cycling. | `npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-1.json` |
| components-logoclouds-logocloud-2 | registry:ui | Animated logo cloud that cycles groups of 3 logos with spring blur transitions. | `npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-2.json` |
| components-logoclouds-logocloud-3 | registry:ui | Infinite scrolling logo marquee with progressive blur edges and motion-powered animation. | `npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-3.json` |
| components-logoclouds-logocloud-4 | registry:ui | CSS-animated logo carousel that cycles groups with blur and slide transitions. | `npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-4.json` |
| components-logoclouds-logocloud-5 | registry:ui | CSS marquee logo cloud with configurable direction, speed, gap, and fade edges. | `npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-5.json` |
| components-music-album-cards | registry:component | A stacked album card row where clicking a card ejects a spinning vinyl disc, with hover lift and neighbor dimming effects. Requires a /api/spotify route. | `npx shadcn@latest add https://www.odysseyui.com/r/components-music-album-cards.json` |
| components-music-spotify-card | registry:component | A horizontal Spotify music card with blurred album art background, vinyl record animation, seek bar, and playback controls. Requires a /api/spotify route. | `npx shadcn@latest add https://www.odysseyui.com/r/components-music-spotify-card.json` |
| components-music-vertical-spotify-card-1 | registry:component | A vertical Spotify music card with a progressive blur album art background, seek bar, and transport controls. Requires a /api/spotify route. | `npx shadcn@latest add https://www.odysseyui.com/r/components-music-vertical-spotify-card-1.json` |
| components-music-vertical-spotify-card-2 | registry:component | A vertical Spotify music card with a color-extracted blurred gradient background, album art, seek bar, and transport controls. Requires a /api/spotify route. | `npx shadcn@latest add https://www.odysseyui.com/r/components-music-vertical-spotify-card-2.json` |
| components-preloaders-greetings | registry:ui | A greeting preloader that displays rapid greetings in different languages. | `npx shadcn@latest add https://www.odysseyui.com/r/components-preloaders-greetings.json` |
| components-pricings-pricing-1 | registry:ui | Modern pricing grid with animated sliding numbers, billing toggle, and featured plan corner decorations. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-1.json` |
| components-pricings-pricing-2 | registry:ui | Three-column pricing with gradient featured card and illustrated cursor decoration. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-2.json` |
| components-pricings-pricing-3 | registry:ui | Asymmetric three-column pricing with elevated featured plan, amber badge, and security footer note. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-3.json` |
| components-pricings-pricing-4 | registry:ui | Pastel pricing cards with animated billing toggle, tag badges, and info rows. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-4.json` |
| components-pricings-pricing-5 | registry:ui | Horizontal list-style pricing layout with accent icon blobs, strikethrough original prices, and optional recommended badge. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-5.json` |
| components-pricings-pricing-6 | registry:ui | Tabbed individuals/teams pricing grid with coloured card backdrops, Avatar orbs, grain texture overlays, and feature checklists. | `npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-6.json` |
| components-primitives-avatar | registry:ui | An animated AI orb avatar with blinking eyes, 12 color presets, 3 sizes, and 3 shapes (circle, square, squircle). | `npx shadcn@latest add https://www.odysseyui.com/r/components-primitives-avatar.json` |
| components-primitives-tree-filter | registry:ui | Animated tree-structured filter with nested checkboxes, search, and group cycling. | `npx shadcn@latest add https://www.odysseyui.com/r/components-primitives-tree-filter.json` |
| components-radix-checkbox | registry:ui | A control that allows the user to toggle between checked and not checked. | `npx shadcn@latest add https://www.odysseyui.com/r/components-radix-checkbox.json` |
| components-radix-dropdown-menu | registry:ui | Displays a menu to the user — such as a set of actions or functions — triggered by a button. | `npx shadcn@latest add https://www.odysseyui.com/r/components-radix-dropdown-menu.json` |
| components-radix-hover-card | registry:ui | For sighted users to preview content available behind a link. | `npx shadcn@latest add https://www.odysseyui.com/r/components-radix-hover-card.json` |
| components-texts-text-highlighter | registry:ui | Rough-notation powered text annotations — highlight, underline, box, circle, and more. | `npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-highlighter.json` |
| components-texts-text-reveal | registry:ui | Scramble-reveal animation that decodes characters progressively into the final text. | `npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-reveal.json` |
| components-texts-text-shimmer | registry:ui | Sleek text shimmer effect. | `npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-shimmer.json` |
| components-texts-text-shimmer-wave | registry:ui | 3D wave shimmer effect that ripples through each character sequentially. | `npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-shimmer-wave.json` |
| components-texts-typewriter | registry:ui | Animated typewriter effect with multi-sequence support, natural variance, delete animation, and auto-loop. | `npx shadcn@latest add https://www.odysseyui.com/r/components-texts-typewriter.json` |
| components-ui-badge | registry:ui | A badge component with semantic and color variants built on Base UI. | `npx shadcn@latest add https://www.odysseyui.com/r/components-ui-badge.json` |
| demo-components-ai-chat-container | registry:ui | Demo of the Chat Container component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-chat-container.json` |
| demo-components-ai-message-bubble | registry:ui | Demo of the Message Bubble component inside a Chat Container. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-message-bubble.json` |
| demo-components-ai-model-selector | registry:ui | Demo of the AI model selector modal component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-model-selector.json` |
| demo-components-ai-prompt-input | registry:ui | Demo of the AI prompt input interface. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-prompt-input.json` |
| demo-components-ai-search-modal | registry:ui | Demo of the Search Modal component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-search-modal.json` |
| demo-components-ai-steps | registry:ui | Demo of the AI steps tool-run component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-steps.json` |
| demo-components-ai-thought-chain | registry:ui | Demo of the AI thought chain reasoning component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-thought-chain.json` |
| demo-components-ai-token-usage | registry:ui | Demo of the Token Usage component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-token-usage.json` |
| demo-components-animate-avatar-group | registry:ui | Demo showing a avatar group. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-avatar-group.json` |
| demo-components-animate-card-stroke | registry:ui | Demo of the card stroke animation. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-card-stroke.json` |
| demo-components-animate-code | registry:ui | Demo showing a code. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code.json` |
| demo-components-animate-code-block | registry:ui | Demo showing a code block frame with a Python snippet. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code-block.json` |
| demo-components-animate-code-tabs | registry:ui | Demo showing a code tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code-tabs.json` |
| demo-components-animate-cursor | registry:ui | Demo showing a cursor. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-cursor.json` |
| demo-components-animate-footer | registry:ui | Demo of the dia browser inspired footer. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-footer.json` |
| demo-components-animate-github-stars-wheel | registry:ui | Demo showing an animated github stars wheel. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-github-stars-wheel.json` |
| demo-components-animate-tabs | registry:ui | Demo showing an animated tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-tabs.json` |
| demo-components-app-shells-app-shell-1 | registry:ui | Demo of the collapsible sidebar app shell with breadcrumb header and dashboard placeholder. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-app-shells-app-shell-1.json` |
| demo-components-app-shells-app-shell-2 | registry:component | Demo for App Shell 2 | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-app-shells-app-shell-2.json` |
| demo-components-buttons-button | registry:ui | Demo showing a button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-button.json` |
| demo-components-buttons-copy | registry:ui | Demo showing a copy button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-copy.json` |
| demo-components-buttons-github-stars | registry:ui | Demo showing a GitHub stars button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-github-stars.json` |
| demo-components-buttons-smart-upload | registry:ui | Demo of the Smart File Uploader. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-smart-upload.json` |
| demo-components-buttons-theme-toggler | registry:ui | Demo showing a theme toggler button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-theme-toggler.json` |
| demo-components-community-notification-list | registry:ui | Demo showing a notification list. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-community-notification-list.json` |
| demo-components-community-playful-todolist | registry:ui | Demo showing a playful todolist. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-community-playful-todolist.json` |
| demo-components-faqs-faq-1 | registry:ui | Demo of the accordion FAQ section. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-faqs-faq-1.json` |
| demo-components-logoclouds-logocloud-1 | registry:ui | Demo of the animated logo cloud with group cycling. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-1.json` |
| demo-components-logoclouds-logocloud-2 | registry:ui | Demo of the logo cloud that cycles groups of 3 with spring blur transitions. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-2.json` |
| demo-components-logoclouds-logocloud-3 | registry:ui | Demo of the infinite scrolling logo marquee with progressive blur edges. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-3.json` |
| demo-components-logoclouds-logocloud-4 | registry:ui | Demo of the CSS-animated logo carousel with blur and slide transitions. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-4.json` |
| demo-components-logoclouds-logocloud-5 | registry:ui | Demo of the CSS marquee logo cloud with direction, speed, gap, and fade controls. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-5.json` |
| demo-components-music-album-cards | registry:component | Demo for Album Cards | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-album-cards.json` |
| demo-components-music-spotify-card | registry:component | Demo for Spotify Card | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-spotify-card.json` |
| demo-components-music-vertical-spotify-card-1 | registry:component | Demo for Vertical Spotify Card 1 | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-1.json` |
| demo-components-music-vertical-spotify-card-2 | registry:component | Demo for Vertical Spotify Card 2 | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-2.json` |
| demo-components-preloaders-greetings | registry:ui | Demo of a greeting preloader that displays rapid greetings in different languages. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-preloaders-greetings.json` |
| demo-components-pricings-pricing-1 | registry:ui | Demo of the animated sliding number pricing grid. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-1.json` |
| demo-components-pricings-pricing-2 | registry:ui | Demo of the gradient featured card pricing section. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-2.json` |
| demo-components-pricings-pricing-3 | registry:ui | Demo of the asymmetric three-column pricing layout. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-3.json` |
| demo-components-pricings-pricing-4 | registry:ui | Demo of the pastel pricing cards with animated billing toggle. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-4.json` |
| demo-components-pricings-pricing-5 | registry:ui | Demo of the horizontal list-style pricing layout. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-5.json` |
| demo-components-pricings-pricing-6 | registry:ui | Demo of the tabbed individuals/teams pricing grid. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-6.json` |
| demo-components-primitives-avatar | registry:ui | Demo showcasing all colors, sizes, and shapes of the Avatar component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-primitives-avatar.json` |
| demo-components-primitives-tree-filter | registry:ui | Demo of the animated tree filter with nested checkboxes and search. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-primitives-tree-filter.json` |
| demo-components-radix-checkbox | registry:ui | Demo showing a checkbox. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-radix-checkbox.json` |
| demo-components-radix-hover-card | registry:ui | Demo showing a hover card. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-radix-hover-card.json` |
| demo-components-texts-text-highlighter | registry:ui | Demo of the TextHighlighter component showcasing all annotation types. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-highlighter.json` |
| demo-components-texts-text-reveal | registry:ui | Demo of the Text Reveal scramble animation component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-reveal.json` |
| demo-components-texts-text-shimmer | registry:ui | Demo of text shimmer. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-shimmer.json` |
| demo-components-texts-text-shimmer-wave | registry:ui | Demo of the Text Shimmer Wave component. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-shimmer-wave.json` |
| demo-components-texts-typewriter | registry:ui | Demo of the Typewriter component with multi-sequence type and delete animation. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-typewriter.json` |
| demo-components-ui-badge | registry:ui | Demo showcasing all badge variants. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-badge.json` |
| demo-components-ui-badge-colors | registry:ui | Demo showcasing all badge color variants. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-badge-colors.json` |
| demo-components-ui-button | registry:ui | Demo showcasing all button variants including the odysseyui variant. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-button.json` |
| demo-primitives-animate-avatar-group | registry:ui | Demo showing an animated avatar group. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-avatar-group.json` |
| demo-primitives-animate-code-block | registry:ui | Demo showing an animated code block. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-code-block.json` |
| demo-primitives-animate-cursor | registry:ui | Demo showing an animated cursor. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-cursor.json` |
| demo-primitives-animate-github-stars | registry:ui | Demo showing an animated github stars counter. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-github-stars.json` |
| demo-primitives-animate-pinned-list | registry:ui | Demo showing an animated pinned list. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-pinned-list.json` |
| demo-primitives-animate-scroll-progress | registry:ui | Demo showing an animated scroll progress. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-scroll-progress.json` |
| demo-primitives-animate-spring | registry:ui | Demo showing an animated spring. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-spring.json` |
| demo-primitives-animate-tabs | registry:ui | Demo showing an animated tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-tabs.json` |
| demo-primitives-animate-tooltip | registry:ui | Demo showing an animated tooltip. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-tooltip.json` |
| demo-primitives-base-accordion | registry:ui | Demo showing an animated base accordion. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-accordion.json` |
| demo-primitives-base-alert-dialog | registry:ui | Demo showing an animated base alert dialog. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-alert-dialog.json` |
| demo-primitives-base-checkbox | registry:ui | Demo showing an animated base checkbox. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-checkbox.json` |
| demo-primitives-base-collapsible | registry:ui | Demo showing an animated base collapsible. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-collapsible.json` |
| demo-primitives-base-dialog | registry:ui | Demo showing an animated base dialog. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-dialog.json` |
| demo-primitives-base-files | registry:ui | Demo showing an animated base files. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-files.json` |
| demo-primitives-base-menu | registry:ui | Demo showing an animated base menu. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-menu.json` |
| demo-primitives-base-popover | registry:ui | Demo showing an animated base popover. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-popover.json` |
| demo-primitives-base-preview-card | registry:ui | Demo showing an animated base preview card. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-preview-card.json` |
| demo-primitives-base-progress | registry:ui | Demo showing an animated base progress. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-progress.json` |
| demo-primitives-base-radio | registry:ui | Demo showing an animated base radio. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-radio.json` |
| demo-primitives-base-switch | registry:ui | Demo showing an animated base switch. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-switch.json` |
| demo-primitives-base-tabs | registry:ui | Demo showing an animated base tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-tabs.json` |
| demo-primitives-base-toggle | registry:ui | Demo showing an animated base toggle. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-toggle.json` |
| demo-primitives-base-toggle-group | registry:ui | Demo showing an animated base toggle group. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-toggle-group.json` |
| demo-primitives-base-tooltip | registry:ui | Demo showing an animated base tooltip. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-tooltip.json` |
| demo-primitives-buttons-button | registry:ui | Demo showing a button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-button.json` |
| demo-primitives-buttons-flip | registry:ui | Demo showing an animated flip button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-flip.json` |
| demo-primitives-buttons-liquid | registry:ui | Demo showing an animated liquid button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-liquid.json` |
| demo-primitives-buttons-ripple | registry:ui | Demo showing a ripple button. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-ripple.json` |
| demo-primitives-effects-auto-height | registry:ui | Demo showing an animated auto height. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-auto-height.json` |
| demo-primitives-effects-blur | registry:ui | Demo showing an animated blur. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-blur.json` |
| demo-primitives-effects-click | registry:ui | Demo showing an animated click. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-click.json` |
| demo-primitives-effects-effect | registry:ui | Demo showing an animated effect. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-effect.json` |
| demo-primitives-effects-fade | registry:ui | Demo showing an animated fade. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-fade.json` |
| demo-primitives-effects-highlight | registry:ui | Demo showing an animated highlight. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-highlight.json` |
| demo-primitives-effects-image-zoom | registry:ui | Demo showing a image zoom effect. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-image-zoom.json` |
| demo-primitives-effects-magnetic | registry:ui | Demo showing a magnetic effect. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-magnetic.json` |
| demo-primitives-effects-particles | registry:ui | Demo showing an animated particles. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-particles.json` |
| demo-primitives-effects-shine | registry:ui | Demo showing an animated shine. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-shine.json` |
| demo-primitives-effects-slide | registry:ui | Demo showing an animated slide. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-slide.json` |
| demo-primitives-effects-theme-toggler | registry:ui | Demo showing a theme toggler. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-theme-toggler.json` |
| demo-primitives-effects-tilt | registry:ui | Demo showing an animated tilt. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-tilt.json` |
| demo-primitives-effects-zoom | registry:ui | Demo showing an animated zoom. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-zoom.json` |
| demo-primitives-headless-checkbox | registry:ui | Demo showing an animated headless checkbox. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-checkbox.json` |
| demo-primitives-headless-dialog | registry:ui | Demo showing an animated headless dialog. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-dialog.json` |
| demo-primitives-headless-disclosure | registry:ui | Demo showing an animated headless disclosure. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-disclosure.json` |
| demo-primitives-headless-popover | registry:ui | Demo showing an animated headless popover. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-popover.json` |
| demo-primitives-headless-switch | registry:ui | Demo showing an animated headless switch. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-switch.json` |
| demo-primitives-headless-tabs | registry:ui | Demo showing an animated headless tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-tabs.json` |
| demo-primitives-radix-accordion | registry:ui | Demo showing an animated radix accordion. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-accordion.json` |
| demo-primitives-radix-alert-dialog | registry:ui | Demo showing an animated radix alert dialog. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-alert-dialog.json` |
| demo-primitives-radix-checkbox | registry:ui | Demo showing an animated radix checkbox. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-checkbox.json` |
| demo-primitives-radix-collapsible | registry:ui | Demo showing an animated radix collapsible. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-collapsible.json` |
| demo-primitives-radix-dialog | registry:ui | Demo showing an animated radix dialog. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-dialog.json` |
| demo-primitives-radix-dropdown-menu | registry:ui | Demo showing an animated radix dropdown menu. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-dropdown-menu.json` |
| demo-primitives-radix-files | registry:ui | Demo showing an animated radix files. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-files.json` |
| demo-primitives-radix-hover-card | registry:ui | Demo showing an animated radix hover card. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-hover-card.json` |
| demo-primitives-radix-popover | registry:ui | Demo showing an animated radix popover. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-popover.json` |
| demo-primitives-radix-progress | registry:ui | Demo showing an animated radix progress. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-progress.json` |
| demo-primitives-radix-radio-group | registry:ui | Demo showing an animated radix radio group. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-radio-group.json` |
| demo-primitives-radix-sheet | registry:ui | Demo showing an animated radix sheet. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-sheet.json` |
| demo-primitives-radix-switch | registry:ui | Demo showing an animated radix switch. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-switch.json` |
| demo-primitives-radix-tabs | registry:ui | Demo showing an animated radix tabs. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-tabs.json` |
| demo-primitives-radix-toggle | registry:ui | Demo showing an animated radix toggle. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-toggle.json` |
| demo-primitives-radix-toggle-group | registry:ui | Demo showing an animated radix toggle group. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-toggle-group.json` |
| demo-primitives-radix-tooltip | registry:ui | Demo showing an animated radix tooltip. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-tooltip.json` |
| demo-primitives-texts-counting-number | registry:ui | Demo showing an animated counting number. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-counting-number.json` |
| demo-primitives-texts-gradient | registry:ui | Demo showing an animated gradient text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-gradient.json` |
| demo-primitives-texts-highlight | registry:ui | Demo showing an animated highlight text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-highlight.json` |
| demo-primitives-texts-morphing | registry:ui | Demo showing an animated morphing text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-morphing.json` |
| demo-primitives-texts-rolling | registry:ui | Demo showing an animated rolling text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-rolling.json` |
| demo-primitives-texts-rotating | registry:ui | Demo showing an animated rotating text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-rotating.json` |
| demo-primitives-texts-scrolling-number | registry:ui | Demo showing an animated scrolling number. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-scrolling-number.json` |
| demo-primitives-texts-shimmering | registry:ui | Demo showing an animated shimmering text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-shimmering.json` |
| demo-primitives-texts-sliding-number | registry:ui | Demo showing an animated sliding number. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-sliding-number.json` |
| demo-primitives-texts-splitting | registry:ui | Demo showing an animated splitting text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-splitting.json` |
| demo-primitives-texts-splitting-example | registry:ui | Demo showing an animated splitting text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-splitting-example.json` |
| demo-primitives-texts-typing | registry:ui | Demo showing an animated typing text. | `npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-typing.json` |
| hooks-use-auto-height | registry:hook | A hook that allows you to automatically adjust the height of an element based on its content. | `npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-auto-height.json` |
| hooks-use-controlled-state | registry:hook | A hook that allows you to control a state. | `npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-controlled-state.json` |
| hooks-use-data-state | registry:hook | A hook that allows you to get the data-state of an element. | `npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-data-state.json` |
| hooks-use-is-in-view | registry:hook | A hook that allows you to check if an element is in view. | `npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-is-in-view.json` |
| hooks-use-motion-value-state | registry:hook | A hook that allows you to use a motion value state. | `npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-motion-value-state.json` |
| icons-alarm-clock | registry:ui | Alarm clock icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-alarm-clock.json` |
| icons-arrow-right | registry:ui | Arrow right icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-arrow-right.json` |
| icons-audio-lines | registry:ui | Audio Lines icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-audio-lines.json` |
| icons-battery-full | registry:ui | Battery Full icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-battery-full.json` |
| icons-bell-ring | registry:ui | Bell ring icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-bell-ring.json` |
| icons-clock | registry:ui | Clock icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-clock.json` |
| icons-disc-3 | registry:ui | Disc 3 icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-disc-3.json` |
| icons-icon | registry:ui | Base component to use animated icons. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-icon.json` |
| icons-loader | registry:ui | Loader icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-loader.json` |
| icons-menu | registry:ui | Menu icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-menu.json` |
| icons-party-popper | registry:ui | Party popper icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-party-popper.json` |
| icons-settings | registry:ui | Settings icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-settings.json` |
| icons-trash-2 | registry:ui | Trash 2 icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-trash-2.json` |
| icons-user | registry:ui | User icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-user.json` |
| icons-wifi | registry:ui | Wifi icon component. | `npx shadcn@latest add https://www.odysseyui.com/r/icons-wifi.json` |
| lib-get-strict-context | registry:lib | A hook that allows you to create a strict context. | `npx shadcn@latest add https://www.odysseyui.com/r/lib-get-strict-context.json` |
| primitives-animate-avatar-group | registry:ui | An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-avatar-group.json` |
| primitives-animate-code-block | registry:ui | A code block component that animates the code as it is written. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-code-block.json` |
| primitives-animate-cursor | registry:ui | An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-cursor.json` |
| primitives-animate-github-stars | registry:ui | A component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-github-stars.json` |
| primitives-animate-pinned-list | registry:ui | A pin list component that allows you to pin items to the top of the list. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-pinned-list.json` |
| primitives-animate-scroll-progress | registry:ui | A scroll progress component that allows you to track the progress of a scrollable element. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-scroll-progress.json` |
| primitives-animate-slot | registry:ui | A slot component that allows you to use motion components with any element. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-slot.json` |
| primitives-animate-spring | registry:ui | A flexible, animated spring component that attaches a draggable element to its origin with a spring line. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-spring.json` |
| primitives-animate-tabs | registry:ui | A set of layered sections of content—known as tab panels—that are displayed one at a time. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-tabs.json` |
| primitives-animate-tooltip | registry:ui | An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-tooltip.json` |
| primitives-base-accordion | registry:ui | An easily stylable accordion component. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-accordion.json` |
| primitives-base-alert-dialog | registry:ui | A dialog that requires user response to proceed. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-alert-dialog.json` |
| primitives-base-checkbox | registry:ui | An easily stylable checkbox component. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-checkbox.json` |
| primitives-base-collapsible | registry:ui | A collapsible panel controlled by a button. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-collapsible.json` |
| primitives-base-dialog | registry:ui | A popup that opens on top of the entire page. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-dialog.json` |
| primitives-base-files | registry:ui | A component that allows you to display a list of files and folders. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-files.json` |
| primitives-base-menu | registry:ui | A list of actions in a dropdown, enhanced with keyboard navigation. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-menu.json` |
| primitives-base-popover | registry:ui | An accessible popup anchored to a button. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-popover.json` |
| primitives-base-preview-card | registry:ui | A popup that appears when a link is hovered, showing a preview for sighted users. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-preview-card.json` |
| primitives-base-progress | registry:ui | Displays the status of a task that takes a long time. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-progress.json` |
| primitives-base-radio | registry:ui | An easily stylable radio button component. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-radio.json` |
| primitives-base-switch | registry:ui | A control that indicates whether a setting is on or off. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-switch.json` |
| primitives-base-tabs | registry:ui | A component for toggling between related panels on the same page. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-tabs.json` |
| primitives-base-toggle | registry:ui | A two-state button that can be on or off. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-toggle.json` |
| primitives-base-toggle-group | registry:ui | Provides a shared state to a series of toggle buttons. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-toggle-group.json` |
| primitives-base-tooltip | registry:ui | A popup that appears when an element is hovered or focused, showing a hint for sighted users. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-tooltip.json` |
| primitives-buttons-button | registry:ui | A simple button that animates on hover and tap. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-button.json` |
| primitives-buttons-flip | registry:ui | A button that flips between two states on hover. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-flip.json` |
| primitives-buttons-liquid | registry:ui | A button that fills on hover. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-liquid.json` |
| primitives-buttons-ripple | registry:ui | A button that animates on tap with a ripple effect. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-ripple.json` |
| primitives-effects-auto-height | registry:ui | An effect that automatically adjusts the height of an element based on its content. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-auto-height.json` |
| primitives-effects-blur | registry:ui | An effect that allows you to animate elements with a blur effect on first view or load. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-blur.json` |
| primitives-effects-click | registry:ui | An effect that creates animated effects at the click position, adding interactive feedback to user actions. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-click.json` |
| primitives-effects-effect | registry:ui | An effect that allows you to animate elements on first view or load. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-effect.json` |
| primitives-effects-fade | registry:ui | An effect that allows you to animate elements with a fade effect on first view or load. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-fade.json` |
| primitives-effects-highlight | registry:ui | A highlight effect that allows you to highlight elements on hover, click or with a controlled value. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-highlight.json` |
| primitives-effects-image-zoom | registry:ui | An effect that allows you to zoom in on an image on hover. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-image-zoom.json` |
| primitives-effects-magnetic | registry:ui | A magnetic effect that clings to the cursor, creating a magnetic attraction effect. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-magnetic.json` |
| primitives-effects-particles | registry:ui | A particles effect that creates a particle system. | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-particles.json` |
| primitives-effects-shine | registry:ui | An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous). | `npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-shine.json` |

## For AI agents

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