{"repo":"ITZSHOAIB/rehype-code-group","free":true,"listed":false,"github":"https://github.com/ITZSHOAIB/rehype-code-group","clone":"git clone https://github.com/ITZSHOAIB/rehype-code-group.git","description":"A Rehype plugin for grouping code blocks with tabs, perfect for documentation and tutorials. Works with all Code Syntax Highlighters. ⭐️ Star to support our work!","language":"TypeScript","stars":15,"topics":["rehype","accessibility","aria","astro","documentation","markdown","mdx","starlight","static-site-generator","syntax-highlighting"],"license":"MIT","category":"docs-static-sites","readme_excerpt":"rehype-code-group Accessible, framework-neutral code tabs for rehype. Group highlighted code or arbitrary content, synchronize related choices, persist state, and choose exactly how browser assets are delivered. Documentation · npm · Report an issue Why use it? - Works after any syntax highlighter instead of owning highlighting. - Uses ARIA tabs, roving focus, RTL-aware arrows, vertical navigation, and Home / End . - Keeps every panel readable when JavaScript is unavailable and when printing. - Supports compact code groups and rich tabs containing prose, lists, or multiple blocks. - Synchronizes only with explicit keys; state can live in local storage or a shareable URL. - Offers inline, external, nonce-bearing, and application-owned asset modes for strict CSPs. - Includes remark helpers for fence metadata and npm/pnpm/Yarn/Bun command conversion. - Ships an ESM browser client, authoritative CSS, and TypeScript declarations as public subpaths. Inspired by VitePress code groups, designed for the wider unified ecosystem. Install This package is ESM-only and supports Node.js 20 or newer. Quick start Then write one label per code block: sh npm install rehype-code-group sh pnpm add rehype-code-group sh yarn add rehype-code-group Labels containing commas can be quoted. The small default resolver supports common shortcodes including :package: , :yarn: , :robot: , :rocket: , and :sparkles: . Rich-content groups Use four colons around nested code-tab directives. Panels may contain any","default_branch":null,"files":null,"tree":[],"storefront":"/r/ITZSHOAIB","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ITZSHOAIB/rehype-code-group/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}