u/web_reaper

Starwind UI v3 is here with React support, 55 components, and a new shared Runtime!
▲ 14 r/astrojs

Starwind UI v3 is here with React support, 55 components, and a new shared Runtime!

⭐ Starwind UI v3 is here!

After a ton of work, Starwind now supports both Astro and React, with 55 styled components and 36 lower-level primitives you can copy directly into your project. This is easily the biggest Starwind update I've worked on yet.

The biggest change is under the hood. Astro and React now share the same Runtime for things like forms, overlays, focus management, and keyboard interactions. Astro components are still Astro components, and installing Starwind won't add React to your Astro project.

V3 also adds six new components:

  • Navigation Menu for responsive site navigation, including keyboard interaction and floating content
  • Combobox for searchable, accessible selection
  • Form and Field for validation, error summaries, labels, descriptions, and control state
  • Checkbox Group for treating related checkboxes as one collection
  • Toggle Group for single or multi-select controls with roving focus

Some of the other big updates:

  • React is now a stable, first-party option
  • Astro components stay Astro-native, so React isn't added to your Astro project (unless you really want to)
  • Styled components and primitives can be installed separately
  • The same Runtime keeps interactive behavior consistent across both frameworks
  • Vue support is next and already pretty far along

Get started with npx starwind@latest init.

Already using v2? Run npx starwind@latest migrate and follow the migration guide: https://starwind.dev/blog/migrating-to-starwind-ui-v3/

I'd love to hear what you think of the new direction, especially if you've used an older Starwind release. What would you like to see next?

u/web_reaper — 21 hours ago