Welcome to Starwind Pro

Starwind Pro is a collection of production-ready Astro blocks built on Starwind UI v3 and styled with Tailwind CSS v4. Install the source you need and adapt it in your project.

Info

Built on Starwind UI. If you’ve used it or shadcn/ui, you already know the patterns.

Pro Blocks

265+

Production-ready sections

Why Starwind Pro?

Stop rebuilding the same landing page sections from scratch. Every block is a complete .astro component you drop into your project with full props for customization.

Ship Faster: Production-ready sections so you can focus on your product, not layout
Own The Code: Components live in your codebase, not node_modules. Modify styling, structure, and behavior freely
One Command Install: Add any block with npx starwind@latest add @starwind-pro/block-name

Built for Astro

These aren’t React components ported to Astro. Every block is built natively for the framework.

Native .astro Components: View Transitions, astro:after-swap, and all Astro features work as expected
Container Queries: Blocks adapt to their container width, not the viewport. They work full-width or in a sidebar
Tailwind CSS v4: Fully themable with CSS variables and the latest Tailwind features
TypeScript: Complete type interfaces for all props and data structures
Dark Mode: Every block works seamlessly in light and dark modes

Get Started

Get your license key

One-time purchase, lifetime access. Or try the free blocks with no license required.
Set up your project

Run init with the --pro flag and add your license key to .env.
Terminal window
```
pnpm dlx starwind@latest init --pro
```
Start building

Browse blocks at /components and install with a single command.
Terminal window
```
pnpm dlx starwind@latest add @starwind-pro/hero-01
```

Full setup instructions in the Installation Guide.

Browse Free Blocks

Browse Blocks