Introducing Starwind Pro: Premium Blocks for Astro
Stop building landing pages from scratch. Starwind Pro provides 140+ production-ready blocks designed specifically for Astro and Tailwind CSS v4.
Branden
Building landing pages from scratch takes forever. The hero section, the feature grid, the pricing table — it's the same patterns over and over, so why keep rebuilding them? Starwind Pro gives you 140+ pre-built blocks for Astro. Install what you need, customize it, ship.
What You Get
Starwind Pro is a collection of production-ready sections: heroes, pricing tables, testimonials, CTAs, FAQs, footers, and more. Each block is a complete .astro component you can drop into your project, with full props for easy customization.
These aren't React components awkwardly ported to Astro. They're built natively for the framework. View Transitions and other Astro features all work as expected.
Starwind Pro builds on Starwind UI, so if you've used it or shadcn/ui, you're already familiar with the patterns.
One Command Install
Every block installs with a single CLI command:
npx starwind@latest add @starwind-pro/hero-01The CLI handles dependencies and file placement automatically.
Built for Astro
- Native
.astrocomponent structure - View Transitions support via
astro:after-swap - Container queries for component-level responsiveness
- TypeScript interfaces for all props
- Tailwind CSS v4 styling
Responsive by Default
Blocks use container queries instead of media queries. They adapt to their container width, not the viewport. This means they work correctly whether you're using them full-width or in a sidebar layout.
Why Container Queries Matter
Traditional media queries respond to the viewport width. Container queries respond to the parent element's width. This makes components truly portable — they look great at any size without additional configuration.
You Own the Code
When you install a component, you get the source files in your project. It's not a dependency you import from node_modules. It's your code. Change anything: styling, structure, behavior.
What's Included
Blocks for every section of your landing pages and marketing sites:
| Category | Examples |
|---|---|
| Layout sections | Heroes, feature grids, pricing tables, testimonials |
| Interactive | Navbars with mobile menus, carousels, accordions |
| Forms | Login, signup, password reset, newsletter |
| Effects | Scroll animations, marquees, 3D tilt |
Getting Started
- Set up: Run
npx starwind@latest init --proand add your license key - Browse: Find components at the components page
- Install: Copy the command and run it
- Customize: Edit colors, content, layout to match your brand
One-time purchase. No subscription. Use it on as many projects as you want with free updates for life.