• Long code blocks automatically collapse based on a configurable line threshold
• Force collapse or expand on any block using collapse or nocollapse meta strings
• Toggle buttons appear both as an overlay and in the header (when a title is present)
• Animated transitions that respect prefers-reduced-motion
• Accessible with ARIA attributes and customizable screen reader announcements
• Works with Starlight, Astro, Next.js, and standalone Expressive Code setups

Install the plugin using your preferred package manager:

npm install expressive-code-collapsible

import { pluginCollapsible } from 'expressive-code-collapsible';

// Add to your Expressive Code configuration
plugins: [pluginCollapsible()]

For comprehensive documentation, installation guides, configuration options, and examples, visit the plugin documentation.

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

Licensed under the MIT License, Copyright © frostybee.

See LICENSE for more information.

• GitHub Repository
• npm Package
• Documentation
• Issues