Untitled

Some description

some text
Terminal window
npm create astro@latest -- --template starlight
Documentation that delights

Includes: Site navigation, search, internationalization, SEO, easy-to-read typography, code highlighting, dark mode and more.

Powered by Astro

Leverage the full power and performance of Astro. Extend Starlight with your favorite Astro integrations and libraries.

Markdown, Markdoc, and MDX

Bring your favorite markup language. Starlight gives you built-in frontmatter validation with TypeScript type-safety.

Bring your own UI components

Starlight ships as a framework-agnostic, complete docs solution. Extend with React, Vue, Svelte, Solid, and more.

import { css } from 'styled-system/css'


export const App = () => {
  return (
    <div
      className={css({
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        h: 'full',
      })}
    >
      <styled.button
        rounded="md"
        fontWeight="semibold"
        height="10"
        px="4"
        bg={{ base: 'yellow.500', _dark: 'yellow.300' }}
        color={{ base: 'white', _dark: 'gray.800' }}
      >
        Button
      </styled.button>
    </div>
  )
}