BxpCodeBeautiful Code Blocks for React

Drop-in React code blocks with Shiki highlighting, Prettier formatting, and zero config.

🎨

Shiki Syntax Highlighting

Accurate, TextMate-grammar-based highlighting for 100+ languages — the same engine VS Code uses.

✨

Built-in Prettier integration formats code on render, so even pasted snippets look clean.

📦

BxpCode for single blocks, BxpCodeTabs for multi-tab containers — both fully typed.

📋

One-click copy with visual feedback. Works for every tab in BxpCodeTabs too.

📌

Pin file names and tab bars while scrolling long code blocks. Uses overflow clip for reliable behavior.

🎛️

Dark & light themes out of the box. Override every color — header, background, tabs, borders, and more.