Installation

Note: We are currently figuring out the installation via shadcn. Until then you can add "@odyssey": "https://odysseyui.com/r/{name}.json" to your components.json for clean installation.

Initialize shadcn/ui

Run the init command to create a new project with shadcn/ui or setup an existing one.

Add Components

Note Currently installation can be done like this npx shadcn@latest add https://odysseyui.com/r/components-animate-code-block.json

Run the add command to add a component to your project.

Import Components

Import the component to your project.

import { CodeBlock } from '@/components/odyssey/code-block';

export default function Home() {
  return (
    <div>
      <CodeBlock />
    </div>
  );
}

Installation

Initialize shadcn/ui

Add Components

Import Components

On this page