---
title: Expressive Code
description: Present your source code on the web, making it easy to understand and visually stunning. All&nbsp;batteries included!
template: splash
hero:
  tagline: Present your source code on the web, making it easy to understand and visually stunning. All&nbsp;batteries included!
  image:
    file: ../../assets/expressive-code.svg
  actions:
    - text: Install it on your site
      link: /installation/
      icon: right-arrow
      variant: primary
---

import { Card, CardGrid } from '@astrojs/starlight/components'

<CardGrid>
	<Card title="Fully-featured" icon="rocket">
		Full VS Code theme support, accurate syntax highlighting, editor & terminal frames, copy to clipboard, text markers, collapsible sections, and more.
	</Card>
	<Card title="Framework-agnostic" icon="star">
		Zero dependencies on React, Vue, or any other front-end framework. Works with popular site generators like Astro and Next.js, as well as plain markdown and MDX.
	</Card>
	<Card title="Plugin-based" icon="puzzle">
		Built from the ground up to be extensible. Ships with a set of default plugins for all key features, and provides a powerful API for creating your own.
	</Card>
	<Card title="Accessible" icon="approve-check-circle">
		Designed with accessibility in mind. Automatically ensures proper color contrast and supports dark mode. Works with screen readers and keyboard navigation.
	</Card>
</CardGrid>
