Demo

Call to action (CTA)

To encourage users to contribute to your showcase page, use the <ShowcaseCTA> component.

Text

To showcase text entries, use the <ShowcaseText> component.

starlight-links-validator Check for broken links in your Starlight pages.

starlight-typedoc Generate Starlight pages from TypeScript using TypeDoc.

starlight-blog Add a blog to your Starlight documentation site.

starlight-openapi Create documentation pages from OpenAPI/Swagger specifications.

starlight-obsidian Publish Obsidian vaults in your Starlight site.

starlight-image-zoom Add zoom capabilities to your documentation images.

Images

To showcase image entries, use the <ShowcaseImage> component.

starlight-links-validator

starlight-typedoc

starlight-blog

starlight-openapi

starlight-obsidian

starlight-image-zoom

YouTube

To showcase YouTube videos, use the <ShowcaseYouTube> component.

Starlight by Astro

The Astro Community

Twitter

To showcase Twitter (also known as X) posts, use the <ShowcaseTwitter> component.

Starlight v0.23 is out now! 🌟

- Up to 40% faster build times for sites using MDX (thanks @bluwyoo!)
- New CSS styles for <details> elements

Get started today: https://t.co/cfocUgAuxD
— Astro (@astrodotbuild) May 17, 2024

Starlight v0.13 is here—now with super-powered code blocks!https://t.co/kkDOpwRZha pic.twitter.com/Fkb3PU3WuM
— Astro (@astrodotbuild) November 20, 2023

Happy @hacktoberfest, astronauts! 🎃🧑‍🚀

Astro’s Docs & Starlight repos are ready for your i18n PRs and reviews! 🌟

Visit our official Hacktoberfest guide to learn more and start collecting exclusive Astro Badges! https://t.co/KHLZNpD79I pic.twitter.com/2bIY0D7axe
— Astro (@astrodotbuild) October 2, 2023

Quotes

To showcase quote entries, use the <ShowcaseQuote> component.

Starlight is amazing!

HiDeoo

The best documentation tool!

Had a great experience using it for the first time.

HiDeoo

Profiles

To showcase profiles, use the <ShowcaseProfile> component.