Build beautiful code blocks

Ready to use UI components and utilities to show your snippets beautifully.

Code Block Example

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

Copy-Paste

Copy the components and utilities you need and paste them into your project. It's 100% yours.

Use Shiki or Sugar-High to add syntax highlighting to your code blocks.

Built-in components to extend your code blocks with extra content and interactivity.

Add components & utilities using shadcn/ui CLI.