Built-In Components

Astro includes several builtin components for you to use in your projects. All builtin components are available via import {} from 'astro/components';.

<Markdown />

---
import { Markdown } from 'astro/components';
---
<Markdown>
  # Markdown syntax is now supported! **Yay!**
</Markdown>

See our Markdown Guide for more info.

<Prism />

---
import { Prism } from 'astro/components';
---
<Prism code={`const foo = 'bar';`} />

This component provides syntax highlighting for code blocks. Since this never changes in the client it makes sense to use an Astro component (it’s equally reasonable to use a framework component for this kind of thing; Astro is server-only by default for all frameworks!).