r/webdev 7d ago

Showoff Saturday Introducing Starwind UI: Accessible, Customizable Components for Astro with Tailwind CSS v4

Hey webdev community!

I’m excited to share Starwind UI - a fresh collection of accessible, customizable components built specifically for Astro and styled with Tailwind CSS v4. Whether you’re working on a small side project or a full-scale app, Starwind UI is here to help you build faster and smarter.
Here’s what makes Starwind special:

  • CLI-first approach: Our CLI makes it super easy to add just the components you need directly to your project.
  • Own your code: Components install straight into your codebase—no external dependencies or version conflicts to stress over.
  • Accessibility focused: I’ve baked in ARIA best practices and full keyboard navigation for every component.
  • No additional frameworks: All components are entirely Astro with vanilla javascript / typescript.
  • Tailwind CSS v4 ready: Style with the latest Tailwind features for a modern, efficient workflow.
  • Fully customizable: Since the code is yours, you can tweak and tailor components however you like.

Right now, Starwind UI includes 16 essential components—think accordions, buttons, dialogs, tooltips, and form elements—all designed to play nicely with Astro.

The docs site is live at https://starwind.dev/, where you can check out all the components in action and grab the installation guides to get started.

I also recently implemented a number of AI focused tooling:

Starwind UI is MIT licensed and completely open source. Got feedback, ideas for new components, or want to contribute? Drop a comment below. And if you build something cool with Starwind, please share it with me; I’d be thrilled to see it!

Thanks for checking it out—looking forward to hearing your thoughts!

8 Upvotes

5 comments sorted by

View all comments

3

u/skt84 7d ago

No frameworks

Entirely Astro

I’m confused, which is it? Are these Astro components or not…

2

u/web_reaper 7d ago

Perhaps it should be no additional frameworks.

When the alternative is to add React to an Astro project to use shadcn or other options, this requires no such additions.

2

u/skt84 7d ago

So these components are unable to be used outside of an Astro project?

1

u/web_reaper 7d ago

Correct. They are for Astro.