Summer pricing is live: save $50 on Starwind Pro lifetime access.

Starwind Pro

Ship distinctive Astro sites faster. Own every line.

Install native Astro sections directly in your project, customize freely, and ship faster.

Astro source

import Hero21 from "./Hero21.astro";<Hero21 />

Terminal

npx starwind@latest add @starwind-pro/hero-21

Component preview

Preview of the installable Hero 21 Astro block

The Astro block library

Start with blocks you already want to ship.

Preview real Astro heroes, navigation, features, pricing, and more. Choose a starting point, switch the theme, and shape it around your product.

233 Installable blocks
28 Categories
Browse the full catalog
Loading live preview

Loading Hero preview

View Hero blocks
import React from "react";
import ReactDOM from "react-dom";

class App extends React.Component {
  // react comment
  const test = "test";
  console.log(test);

  render() {
    return <h1>Hello, World!</h1>;
  }
}

Rendered block Code block 4

Built for Astro

Editable Astro source, right in your project.

Change the markup, props, styles, and behavior using the tools and workflow you already know.

CodeBlock4.astro
  1. ---
  2. import { Code } from "astro:components";
  3. import type { HTMLAttributes } from "astro/types";
  4. import { tv } from "tailwind-variants";
  5. /** Code tab shown in the sliding comparison switcher */
  6. export interface CodeTab {
  7. /** Tab label */
  8. label: string;
  9. /** Shiki language id used by Astro's Code component */
  10. lang: CodeLanguage;
  11. /** Source code for the tab */
  12. code: string;
  13. /** Optional tab icon component */
  14. icon?: any;
  15. }
  16. const wrapperStyles = tv({
  17. base: "starwind-code-slider-tabs @container overflow-hidden border rounded-2xl bg-card text-card-foreground shadow-sm",
  18. });
  19. ---
  20. <div class={wrapperStyles({ class: className })} data-code-slider-tabs {...rest}>
  21. <!-- Remaining markup omitted for brevity. -->

Build your way

Install a block yourself, or let your coding agent handle it.

Install directly with the CLI. Add Starwind Skills or MCP to give supported coding agents live documentation, block search, and validated commands.

See the installation workflow
  1. Choose a block

  2. Run the CLI

    npx starwind@latest add @starwind-pro/hero-01
  3. Edit 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.
Leslie Mathys Creator of BuildOnDomains

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 Individual or Team purchase.

Paid once · updated for life
Exploring

Free

Browse the free library without an account, then sign up when you want your themes saved.

$0 forever

No payment required

Library
Free Astro components & blocks
Themes
3 named cloud saves
People
1 account
License
Free block terms
Create an account to unlock 3 free saved custom themes.
Shipping solo
Best value

Individual

Own the complete toolkit for every personal product and client engagement you build.

$149 one time

Summer pricing · previously $199

Library
230+ 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

Manage durable access for the people building products under one organization.

$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.

Lifetime access

Your next Astro site doesn’t need to start from scratch.

Get the complete block library as editable Astro source, with lifetime updates and no subscription.