Starwind UI

Starwind UI is a collection of accessible, highly customizable UI components built specifically for Astro projects. It uses pure Astro components + vanilla JavaScript/TypeScript — no React or other heavy frameworks required.

Styled with Tailwind CSS v4 and designed to feel extremely similar to shadcn/ui, but native to Astro.

Install via a simple CLI that adds components directly as copy-paste-ready code into your project.

Problems It Solves

• Astro developers needing modern UI components without adding React (and its bundle overhead) just to use shadcn/ui or similar libraries
• Heavy dependencies and larger bundle sizes from framework-based component libraries
• Spending hours building accessible, keyboard-friendly components from scratch
• Rigid or hard-to-customize pre-built components that don't fit your design perfectly

Key Features & Benefits

• Pure Astro + Vanilla JS — zero framework overhead, keeping your site fast and lightweight
• Huge bundle size savings — no React runtime means significantly smaller JavaScript payloads compared to React-based alternatives
• shadcn/ui-style workflow — familiar CLI installation, copy-paste components, full ownership and easy modifications
• CLI installation — run a command to add any component directly to your codebase (e.g., npx starwind@latest add button)
• Total customization — tweak styles, behavior, and structure freely since it's your code
• Built-in accessibility — keyboard navigation, proper ARIA attributes, and semantic structure out of the box
• Open source (MIT license) — free to use, modify, and contribute
• Lightweight & performant — ideal for static-first or content-heavy Astro sites

Latest version (v1.15) includes components like buttons, accordions, dialogs, tooltips, forms, prose, sidebar, collapsible, input-otp, theme-toggle, and more.

Perfect for Astro developers who want beautiful, accessible UIs without framework tax.

Get started today: starwind.dev