---
title: Community Plugins
---

import { ShowcaseCTA, ShowcaseText } from 'starlight-showcases'

The community-maintained plugins on this page extend Expressive Code to add new behaviors and capabilities.

<ShowcaseCTA>Have you built an Expressive Code plugin? [Open a PR](https://github.com/expressive-code/expressive-code) to add it to the list!</ShowcaseCTA>

<ShowcaseText
	entries={[
		{
			href: 'https://delucis.github.io/expressive-code-color-chips/',
			title: 'expressive-code-color-chips',
			description: 'Add color previews to your CSS code examples.',
		},
		{
			href: 'https://twoslash.matthiesen.dev/',
			title: 'expressive-code-twoslash',
			description: 'Add Twoslash support to your TypeScript code blocks.',
		},
		{
			href: 'https://github.com/FujoWebDev/fujocoded-plugins/tree/main/expressive-code-caption',
			title: '@fujocoded/expressive-code-caption',
			description: 'Add figure captions to codeblocks.',
		},
		{
			href: 'https://github.com/FujoWebDev/fujocoded-plugins/tree/main/expressive-code-output',
			title: '@fujocoded/expressive-code-output',
			description: 'Separate code from its output within a codeblock.',
		},
		{
			href: 'https://frostybee.github.io/expressive-code-fullscreen',
			title: 'expressive-code-fullscreen',
			description: 'Add fullscreen viewing mode to your code blocks.',
		},
		{
			href: 'https://frostybee.github.io/expressive-code-language-badge/',
			title: 'expressive-code-language-badge',
			description: 'Add a language badge to your code blocks.',
		},
		{
			href: 'https://github.com/xt0rted/expressive-code-file-icons',
			title: 'expressive-code-file-icons',
			description: 'Add VS Code-style file icons to your code blocks.',
		},
		{
			href: 'https://github.com/towc/expressive-code-links#links',
			title: 'expressive-code-links',
			description: 'Add clickable links within your code blocks',
		},
		{
			href: 'https://frostybee.github.io/expressive-code-collapsible/',
			title: 'expressive-code-collapsible',
			description: 'Add expand and collapse functionality to code blocks',
		},
		{
			href: 'https://frostybee.github.io/expressive-code-typewriter/',
			title: 'expressive-code-typewriter',
			description: 'Add typewriter-style typing animations to your code blocks',
		},
	]}
/>
