Welcome to Starwind UI

Starwind UI is a collection of beautiful and accessible components for your Astro projects, styled with Tailwind CSS v4.

Why Starwind UI?

Starwind UI takes a different approach to component libraries. Rather than being constrained by a package’s implementation, you get direct access to the source code. This means:

• Own The Code: Using our easy-to-use CLI tool, you can add component code directly to your projects. This gives you complete control over the implementation and allows you to modify the code to fit your specific needs.

• Full Customization: Every aspect of each component is yours to customize. From styling to functionality, you have full control over how the components look and behave in your project.

Features

Modern Tooling

Starwind UI is built with modern web development in mind:

• Astro Components: Each component is written as a native .astro file, taking full advantage of Astro’s powerful features
• Tailwind CSS v4: Styled using the latest version of Tailwind CSS, giving you access to all the new features and improvements
• TypeScript: Full TypeScript support for better development experience and type safety
• Accessible: Designed with accessibility in mind, ensuring that every component is keyboard navigable and screen reader friendly

Developer Experience

We’ve focused on making the development experience as smooth as possible:

• CLI Tool: Add components to your project with a simple command
• Clear Documentation: Detailed usage examples for each component
• TypeScript Types: Complete type definitions included
• Consistent Patterns: Familiar structure across all components makes customization easier
• Dark Mode Support: All components work seamlessly in light and dark modes

Component Showcase

Getting Started

Ready to add some components to your project? Check out our Installation Guide to learn how to initialize your project, or browse our components to see what’s available.