A design focused component library for Next.js, built for speed, flexibility and developer experience .
Odyssey UI is a design first UI library built with Tailwind CSS and Motion, based on the shadcn registry and inspired by odysseyui and shadcn/ui. Our goal is simple; components that work immediately, code you can play with, rebuild as you see fit.
What makes Odyssey UI different
- You own the code — Install components directly into your codebase. No version conflicts, no dependency hell, no upstream breaking changes.
- The boring stuff, done well — Grids that behave, forms that submit, navigation that makes sense. Animation that breathes.
- Batteries included, wires exposed — Sensible defaults that work immediately, with full access to modify internals when you need to.
What’s included
- Zero lock-in — Every component lives in your repo. Fork it, break it, rebuild it.
- Next.js optimized — Server Components by default, Client Components only where necessary. App Router native.
- Tailwind v4 ready — Built on the latest Tailwind with CSS-first configuration and container query support.
- Performance by default — No runtime CSS-in-JS, minimal client-side JavaScript, tree-shakeable exports.
- Documentation that ships — Powered by Fumadocs—fuzzy search, ready-made templates, component showcases, and full MDX support, right out of the box.
Credits
Odyssey UI stands on the shoulders of exceptional open source work:
- Animate UI — Core template architecture and registry patterns
- shadcn/ui — Philosophy of copy-first component distribution
- Fumadocs — Documentation framework and content layer
- Magic UI — Inspiration for component composition patterns
Disclaimer
Note: Our core templating builds on Animate UI. We've also showcased some of their components, these remain their property, not ours.
Note: You can always turn off the sound effects by opening the context menu i.e right click.