ZaidanHomeDocsComponentsBlocksChartsTypesetCreate

Command Palette

Search for a command to run...

GitHub
New

1. Install your typeset

Adds styles/typeset.css, the @import to your main CSS file, the fonts, and the preset below.

bunx --bun shadcn@latest add @zaidan/typeset-a1JbnM

2. Your preset

The command writes this for you. Paste it after the typeset import instead if you'd rather not run the CLI.

.typeset-docs {
  --typeset-font-body: 'Geist Variable', sans-serif;
  --typeset-font-heading: 'Geist Variable', sans-serif;
  --typeset-font-mono: 'Geist Mono Variable', monospace;
  --typeset-size: 15px;
  --typeset-leading: 1.75;
  --typeset-flow: 1.25em;
}

3. Wrap your content

<div class="typeset typeset-docs max-w-[37em]">
  {content}
</div>
Read the docs
Open in New Tab
15px / 26px / 19px

Command Palette

Search for a command to run...

Built by Kevin Abatan. The source code is available on GitHub.