Skip to main content

Starwind UI v3.0 is now available! Migration guide

Ship polished UI in Astro, React, or plain HTML with Starwind UI

Use components you can own and style in Astro and React, or bring the same accessible behavior to plain HTML. Starwind handles the hard parts behind forms, overlays, and keyboard navigation.

55 styled components
Components you own
Open Source
Get started with v3
npx starwind@latest init

Form & Input

Collect and validate user input.

Color Picker
Brand color
Combobox
Framework
Dropzone
Field

Shown on your public profile.

Form

Navigation

Move users through pages, sections, and app states.

Overlay & Disclosure

Reveal additional information or contextual actions.

Accordion
Alert Dialog

Are you absolutely sure?

This action cannot be undone. This will permanently delete your account and remove your data from our servers.

Context Menu
Dialog

Example Dialog

This is a simple dialog example that demonstrates the basic functionality.

Your dialog content goes here.
Hover Card
Popover
Sheet

Edit profile

Update your public details.

Tooltip

Feedback & Status

Communicate progress, outcomes, and loading states.

Alert
Starwind v3 is ready

Astro and React components now share the same Runtime behavior.

Layout & Structure

Build consistent spatial structure and content organization.

Card
Project ready
Your Astro workspace is configured.
Item
Runtime package

Shared accessible behavior.

Separator

Starwind UI

Components you own.

AstroReactHTML
Table
ComponentStatus
Dialog
Ready
Select
New
Toast
Ready

Content & Media

Present media, rich text, and supporting UI metadata.

Prose

Own your components

Install accessible UI directly into your Astro or React project.

  • Style with Tailwind
  • Adapt every detail

Build with Starwind UI

Install one component or add the complete styled registry. The source lands in your project and stays yours.