Astro source
import Hero21 from "./Hero21.astro";<Hero21 />Premium blocks for Astro
Build a website
worth showing off.
295+ production-ready blocks and animated components. Explore live previews, or let your agent find and install blocks with Starwind Skills and our MCP server.
Terminal
npx starwind@latest add @starwind-pro/hero-21
Component preview
The Astro block library
Find the right starting point for your site.
Explore complete page sections and interactive components. Preview each block in your theme and shape it around your product.
Loading Hero preview
View Hero blocksRendered block Code block 4
Built for Astro
Make every block fit your project.
Change the markup, props, styles, and behavior using the tools and workflow you already know.
-
--- -
import { Code } from "astro:components"; - …
-
import type { HTMLAttributes } from "astro/types"; -
import { tv } from "tailwind-variants"; -
-
/** Code tab shown in the sliding comparison switcher */ -
export interface CodeTab { -
/** Tab label */ -
label: string; -
/** Shiki language id used by Astro's Code component */ -
lang: CodeLanguage; -
/** Source code for the tab */ -
code: string; -
/** Optional tab icon component */ -
icon?: any; -
} - …
-
const wrapperStyles = tv({ -
base: "starwind-code-slider-tabs @container overflow-hidden border rounded-2xl bg-card text-card-foreground shadow-sm", -
}); - …
-
--- -
-
<div class={wrapperStyles({ class: className })} data-code-slider-tabs {...rest}> -
<!-- Remaining markup omitted for brevity. -->
Build your way
Find and install Astro blocks with your coding agent.
Starwind Skills and our MCP server give agents the tools they need to find the right blocks and install them in your project.
See the installation workflowChoose a block
Run the CLI
npx starwind@latest add @starwind-pro/hero-01Edit local Astro source
src/components/starwind-pro/hero-01/Hero1.astro
Skills npx skills@latest add starwind-ui/skills
MCP npx -y @starwind-ui/mcp
In their own words
What developers say about building with Starwind Pro.
Faster builds, fewer setup headaches, and more confidence to keep polishing.
The Starwind Pro blocks allow you to assemble sites really quickly, with high quality. Yeah, I think it might be time to give the web design business another crack.
Choose your access
Start free. Get the full library for life.
Browse and install free blocks without an account, or unlock the complete Pro library with a one-time purchase.
Paid once · updated for life
Exploring
Free
Browse and install free Astro blocks without an account.
$0 forever
No payment required
- Library
- Free Astro components & blocks
- Themes
- 3 named cloud saves
- People
- 1 account
- License
- Free block terms
Shipping solo
Best valueIndividual
Full library access for your personal projects and client sites.
$149 one time
Summer pricing · previously $199
- Library
- 295+ Astro components & blocks
- Themes
- Unlimited cloud saves
- People
- 1 developer
- License
- Personal + client projects
Lifetime updates, priority support, and the private Starwind community.
Building together
Team
Give up to 10 developers access to the full library.
$399 one time
Summer pricing · previously $499
- Library
- Full Pro library per seat
- Themes
- Unlimited per member
- People
- 10 named, reassignable seats
- License
- Company + client projects
Every member gets their own account.
Secure checkout powered by Polar
Before you decide
Questions before you buy.
What you get, where you can use it, and how lifetime access works.
Starwind Pro includes the complete premium library of Astro blocks and components. Every block comes as editable .astro source with TypeScript props and Tailwind CSS styling, ready to install with the Starwind CLI or copy into your project.
No. Individual and Team access are one-time purchases with lifetime product updates. Blocks you install become part of your project, with no recurring fee or runtime subscription.
Yes. The Individual license covers one developer using Starwind Pro across unlimited personal projects, client websites, SaaS products, and other commercial end products. You cannot redistribute the source as a component library, template collection, page builder, or competing product.
Yes. Blocks are added directly to your project as native Astro source. You can change their markup, styling, props, content, and behavior to fit your product.
Starwind Pro is built for Astro and Tailwind CSS v4. The blocks are native Astro components rather than React ports, and you can add them with the Starwind CLI or copy the source directly.
Yes. You can browse, copy, and install the free blocks without creating an account or adding a license key. Create an account only when you want saved themes or are ready to purchase Pro.
Your purchase is connected to your Starwind account. Retrieve your license key from the account dashboard, run npx starwind@latest init --pro, then install any block with its CLI command. You can also copy source directly from the library.
Paying customers can contact Starwind support for questions about component functionality, configuration, purchase issues, and bugs. Individual access also includes priority support and access to the private Starwind community.
The Individual license covers one developer. The Team plan covers 10 named, reassignable employees or contractors, including the owner if they need access. Each member receives their own account and license access for unlimited company and client projects.
All paid Starwind Pro sales are final because your purchase provides immediate access to licensed digital source code. Before buying, browse the live previews, read the public documentation, and try the free blocks to make sure Starwind Pro fits your needs. We will still help with duplicate charges, incorrect charges, or missing access. Read the complete Refund Policy.
Your next project
Make something you can’t wait to share.
Start with polished blocks that bring your idea closer to launch. Turn that head start into a site you’re proud to put your name on.
