⚠️ Mobile is not supported yet.
Search for a command to run...
A design focused component library for Next.js, built for speed, flexibility and developer experience.
Demo showing an animated base progress.
An easily stylable radio button component.
Demo showing an animated base radio.
A control that indicates whether a setting is on or off.
Demo showing an animated base switch.
A component for toggling between related panels on the same page.
Demo showing an animated base tabs.
A two-state button that can be on or off.
Demo showing an animated base toggle.
Provides a shared state to a series of toggle buttons.
Demo showing an animated base toggle group.
A popup that appears when an element is hovered or focused, showing a hint for sighted users.
Demo showing an animated base tooltip.
Battery Full icon component.
Bell ring icon component.
An effect that allows you to animate elements with a blur effect on first view or load.
Demo showing an animated blur.
A button component with a variety of styles and animations.
A simple button that animates on hover and tap.
Demo showing a button.
Demo showcasing all button variants including the odysseyui variant.
A card component with animated SVG stroke and split-text reveal on hover.
Demo of the card stroke animation.
A composable chat container with auto-scroll, empty state, animated messages, scroll-to-bottom button, and divider support.
Demo of the Chat Container component.
A control that allows the user to toggle between checked and not checked.
Demo showing a checkbox.
An effect that creates animated effects at the click position, adding interactive feedback to user actions.
Demo showing an animated click.
Clock icon component.
A code component that animates the code as it is written.
A styled code block frame component with language badge and optional copy functionality.
A code block component that animates the code as it is written.
Demo showing a code block frame with a Python snippet.
Demo showing a code.
A tabs component that displays code for different languages.
Demo showing a code tabs.
A copy button component with a variety of styles and animations.
Demo showing a copy button.
A counting number animation.
Demo showing an animated counting number.
An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.
Demo showing a cursor.
Disc 3 icon component.
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
An effect that allows you to animate elements on first view or load.