Code Tabs

Tabbed code snippets component with multi-language support and syntax highlighting for React applications. Perfect for documentation, tutorials, and code examples that need to show different languages or variations with smooth transitions.

npx uilayouts@latest add blur-vignette

Installation

npm install shiki

Usage

This components specificly design for mdx files to highlight code blocks with shiki. so you just have copy the code from ☝ and start using it in your mdx files.