Components Overview

The bundled Starwind registry currently ships 55 CLI-installed styled components. Interactive components compose the first-party Primitive adapters and shared Runtime behavior; presentational components remain native Astro or React components.

Installation

Initialize Starwind for Astro once, then add an individual component or install the complete bundled styled registry. See the installation guide and CLI reference for configuration and update workflows.

npx starwind@latest init --framework astro
npx starwind@latest add button
npx starwind@latest add --all

Import Pattern

The CLI copies styled component source into src/components/starwind by default. Import each public component from its local folder:

import { ComponentName } from "@/components/starwind/component-name";

Class Overrides

Installed components support class overrides through the Astro class prop. Tailwind Variants and Tailwind Merge combine the component defaults with project-specific classes.

---
import { Button } from "@/components/starwind/button";
---

<Button>Default button</Button>
<Button class="rounded-full bg-purple-700 text-white hover:bg-purple-800">Custom button</Button>