Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
S

starwind-ui

> 编程语言
Open source

shadcn/ui for Astro. 49+ animated and accessible components. Install via CLI. Own the code.

684 stars0 likes2 views
WebsiteGitHub

About

shadcn/ui for Astro. 49+ animated and accessible components. Install via CLI. Own the code.

Astro-first, framework-portable UI components you can own.

Starwind UI gives you accessible, Tailwind CSS components with Starwind/shadcn-style ergonomics, backed by a portable Runtime that powers Astro, React, and Vue 3.5 beta adapters today.

Explore Components

Why Starwind?

  • ** Own Your Code** — Styled components live in your project, where you can understand and customize them.
  • ✨ Animated by Default — Smooth, polished animations out of the box with Tailwind CSS v4.
  • ♿ Accessible — Keyboard navigable and screen reader friendly. Built with a11y in mind.
  • ** Portable Runtime** — Shared DOM behavior with generated Astro, React, and Vue 3.5 beta adapters.
  • ️ CLI-Powered — Add only what you need with a simple npx starwind add command.

Looking for the main package? See starwind-ui/cli.

Get Started

Initialize an Astro or React project with the stable release:

bash
npx starwind@latest init

Then add the components you need:

bash
npx starwind@latest add

Vue 3.5 beta

Try the public beta in Vite Vue, Astro Vue, Nuxt 3 or 4, Laravel with Inertia Vue, or Quasar Vite SPA/SSR projects:

bash
npm install @starwind-ui/vue@beta vue@^3.5
npx starwind@latest init --framework vue

Vue adapters use idiomatic v-model arguments, matching update:* events, and normal detailed event listeners. The Styled Image component remains Astro-only. The Vue API can change during the 0.x series. Report beta feedback in the Starwind UI issue tracker.

Runtime Architecture

Starwind components use a framework adapter backed by the shared, framework-neutral Runtime.

mermaid
flowchart TD
  App["Your application"]
  Components["Starwind components you own
Tailwind CSS + framework markup"]
  Adapter["Framework adapter
Astro, React, or Vue 3.5 beta"]
  Runtime["Starwind Runtime
shared accessible behavior"]
  Browser["Browser APIs and the DOM"]

  App --> Components
  Components --> Adapter
  Adapter --> Runtime
  Runtime --> Browser

See Portable Runtime for the current implementation details.

AI integration

Resources for AI:

  • Starwind Skills
  • MCP server
  • llms.txt
  • llms-full.txt

Contributing

Please read the contributing guide.

License

Licensed under the MIT license.

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

TypeScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言