Code Blocks

Code blocks in blogs and docs look plain, and adding filenames, copy buttons and highlighted lines means custom work. Code Blocks is a set of UI components and utilities to show your code beautifully.

It supports Shiki, Prism and Sugar High for Next.js and MDX, copy and paste ready.

Features

Styles:Polished blocks.

Highlighters:Shiki and Prism.

MDX:Docs-friendly.

Copy-paste:Quick use.