# Starwind UI > Starwind UI is a layered UI system with styled components, Primitive adapters, a framework-agnostic Runtime, and a raw HTML surface. ## Choose A Usage Surface - [Styled Components](https://starwind.dev/docs/components/): User-facing styled components with Starwind visual defaults, slots, variants, framework availability, and Behavior Foundation metadata. - [Primitive Adapters](https://starwind.dev/docs/primitives/): Framework-specific unstyled adapter packages that render Runtime primitive anatomy for Astro and React. - [Runtime](https://starwind.dev/docs/runtime/): Framework-agnostic behavior controllers, create* factories, lifecycle cleanup, and theme helpers. - [Raw HTML Surface](https://starwind.dev/docs/runtime/#raw-html): Direct DOM usage where authors provide data-sw-* markup and initialize behavior with initStarwind or create* factories. Styled component pages document their additional styled API first, including variants, wrapper props, defaults, and inheritance. They then link to the Primitive and Runtime API for behavior, state, events, form participation, and imperative setters. Behavior Foundation metadata explains the relationship between those layers. Check framework availability before recommending a component. ## CLI Essentials `starwind init` configures a project. `starwind migrate` moves a legacy Astro project to Runtime-backed styled components. Use `starwind add `, `starwind update `, `starwind docs `, and `starwind search ` for styled components. Use `starwind primitives add `, `starwind primitives update `, `starwind primitives list`, and `starwind search --primitives` for vendored Primitive source. Runtime and framework adapter packages remain package-manager dependencies. ## Installable Styled Components - [Accordion](https://starwind.dev/docs/components/accordion/) ([Markdown](https://starwind.dev/docs/components/accordion.md)): Direct primitive; Astro available; React available; 4 documented styled exports. - [Alert](https://starwind.dev/docs/components/alert/) ([Markdown](https://starwind.dev/docs/components/alert.md)): Styled only; Astro available; React available; 3 documented styled exports. - [Alert Dialog](https://starwind.dev/docs/components/alert-dialog/) ([Markdown](https://starwind.dev/docs/components/alert-dialog.md)): Direct primitive; Astro available; React available; 9 documented styled exports. - [Aspect Ratio](https://starwind.dev/docs/components/aspect-ratio/) ([Markdown](https://starwind.dev/docs/components/aspect-ratio.md)): Styled only; Astro available; React available; 1 documented styled export. - [Avatar](https://starwind.dev/docs/components/avatar/) ([Markdown](https://starwind.dev/docs/components/avatar.md)): Direct primitive; Astro available; React available; 3 documented styled exports. - [Badge](https://starwind.dev/docs/components/badge/) ([Markdown](https://starwind.dev/docs/components/badge.md)): Styled only; Astro available; React available; 1 documented styled export. - [Breadcrumb](https://starwind.dev/docs/components/breadcrumb/) ([Markdown](https://starwind.dev/docs/components/breadcrumb.md)): Styled only; Astro available; React available; 7 documented styled exports. - [Button](https://starwind.dev/docs/components/button/) ([Markdown](https://starwind.dev/docs/components/button.md)): Mixed conditional; Astro available; React available; 1 documented styled export. - [Button Group](https://starwind.dev/docs/components/button-group/) ([Markdown](https://starwind.dev/docs/components/button-group.md)): Styled only; Astro available; React available; 3 documented styled exports. - [Card](https://starwind.dev/docs/components/card/) ([Markdown](https://starwind.dev/docs/components/card.md)): Styled only; Astro available; React available; 7 documented styled exports. - [Carousel](https://starwind.dev/docs/components/carousel/) ([Markdown](https://starwind.dev/docs/components/carousel.md)): Direct primitive; Astro available; React available; 5 documented styled exports. - [Checkbox](https://starwind.dev/docs/components/checkbox/) ([Markdown](https://starwind.dev/docs/components/checkbox.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Checkbox Group](https://starwind.dev/docs/components/checkbox-group/) ([Markdown](https://starwind.dev/docs/components/checkbox-group.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Collapsible](https://starwind.dev/docs/components/collapsible/) ([Markdown](https://starwind.dev/docs/components/collapsible.md)): Direct primitive; Astro available; React available; 3 documented styled exports. - [Color Picker](https://starwind.dev/docs/components/color-picker/) ([Markdown](https://starwind.dev/docs/components/color-picker.md)): Direct primitive; Astro available; React available; 12 documented styled exports. - [Combobox](https://starwind.dev/docs/components/combobox/) ([Markdown](https://starwind.dev/docs/components/combobox.md)): Direct primitive; Astro available; React available; 15 documented styled exports. - [Context Menu](https://starwind.dev/docs/components/context-menu/) ([Markdown](https://starwind.dev/docs/components/context-menu.md)): Direct primitive; Astro available; React available; 16 documented styled exports. - [Dialog](https://starwind.dev/docs/components/dialog/) ([Markdown](https://starwind.dev/docs/components/dialog.md)): Direct primitive; Astro available; React available; 8 documented styled exports. - [Dropdown](https://starwind.dev/docs/components/dropdown/) ([Markdown](https://starwind.dev/docs/components/dropdown.md)): Renamed primitive; Astro available; React available; 17 documented styled exports. - [Dropzone](https://starwind.dev/docs/components/dropzone/) ([Markdown](https://starwind.dev/docs/components/dropzone.md)): Direct primitive; Astro available; React available; 4 documented styled exports. - [Field](https://starwind.dev/docs/components/field/) ([Markdown](https://starwind.dev/docs/components/field.md)): Composite; Astro available; React available; 13 documented styled exports. - [Form](https://starwind.dev/docs/components/form/) ([Markdown](https://starwind.dev/docs/components/form.md)): Direct primitive; Astro available; React available; 2 documented styled exports. - [Hover Card](https://starwind.dev/docs/components/hover-card/) ([Markdown](https://starwind.dev/docs/components/hover-card.md)): Renamed primitive; Astro available; React available; 3 documented styled exports. - [Image](https://starwind.dev/docs/components/image/) ([Markdown](https://starwind.dev/docs/components/image.md)): Styled only; Astro available; React framework native; 1 documented styled export. - [Input](https://starwind.dev/docs/components/input/) ([Markdown](https://starwind.dev/docs/components/input.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Input Group](https://starwind.dev/docs/components/input-group/) ([Markdown](https://starwind.dev/docs/components/input-group.md)): Styled only; Astro available; React available; 6 documented styled exports. - [Input Otp](https://starwind.dev/docs/components/input-otp/) ([Markdown](https://starwind.dev/docs/components/input-otp.md)): Direct primitive; Astro available; React available; 4 documented styled exports. - [Item](https://starwind.dev/docs/components/item/) ([Markdown](https://starwind.dev/docs/components/item.md)): Styled only; Astro available; React available; 10 documented styled exports. - [Kbd](https://starwind.dev/docs/components/kbd/) ([Markdown](https://starwind.dev/docs/components/kbd.md)): Styled only; Astro available; React available; 2 documented styled exports. - [Label](https://starwind.dev/docs/components/label/) ([Markdown](https://starwind.dev/docs/components/label.md)): Styled only; Astro available; React available; 1 documented styled export. - [Native Select](https://starwind.dev/docs/components/native-select/) ([Markdown](https://starwind.dev/docs/components/native-select.md)): Styled only; Astro available; React available; 3 documented styled exports. - [Navigation Menu](https://starwind.dev/docs/components/navigation-menu/) ([Markdown](https://starwind.dev/docs/components/navigation-menu.md)): Direct primitive; Astro available; React available; 8 documented styled exports. - [Pagination](https://starwind.dev/docs/components/pagination/) ([Markdown](https://starwind.dev/docs/components/pagination.md)): Styled only; Astro available; React available; 7 documented styled exports. - [Popover](https://starwind.dev/docs/components/popover/) ([Markdown](https://starwind.dev/docs/components/popover.md)): Direct primitive; Astro available; React available; 6 documented styled exports. - [Progress](https://starwind.dev/docs/components/progress/) ([Markdown](https://starwind.dev/docs/components/progress.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Prose](https://starwind.dev/docs/components/prose/) ([Markdown](https://starwind.dev/docs/components/prose.md)): Styled only; Astro available; React available; 1 documented styled export. - [Radio Group](https://starwind.dev/docs/components/radio-group/) ([Markdown](https://starwind.dev/docs/components/radio-group.md)): Composite; Astro available; React available; 2 documented styled exports. - [Scroll Area](https://starwind.dev/docs/components/scroll-area/) ([Markdown](https://starwind.dev/docs/components/scroll-area.md)): Direct primitive; Astro available; React available; 6 documented styled exports. - [Select](https://starwind.dev/docs/components/select/) ([Markdown](https://starwind.dev/docs/components/select.md)): Direct primitive; Astro available; React available; 12 documented styled exports. - [Separator](https://starwind.dev/docs/components/separator/) ([Markdown](https://starwind.dev/docs/components/separator.md)): Styled only; Astro available; React available; 1 documented styled export. - [Sheet](https://starwind.dev/docs/components/sheet/) ([Markdown](https://starwind.dev/docs/components/sheet.md)): Renamed primitive; Astro available; React available; 8 documented styled exports. - [Sidebar](https://starwind.dev/docs/components/sidebar/) ([Markdown](https://starwind.dev/docs/components/sidebar.md)): Direct primitive; Astro available; React available; 23 documented styled exports. - [Skeleton](https://starwind.dev/docs/components/skeleton/) ([Markdown](https://starwind.dev/docs/components/skeleton.md)): Styled only; Astro available; React available; 1 documented styled export. - [Slider](https://starwind.dev/docs/components/slider/) ([Markdown](https://starwind.dev/docs/components/slider.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Spinner](https://starwind.dev/docs/components/spinner/) ([Markdown](https://starwind.dev/docs/components/spinner.md)): Styled only; Astro available; React available; 1 documented styled export. - [Switch](https://starwind.dev/docs/components/switch/) ([Markdown](https://starwind.dev/docs/components/switch.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Table](https://starwind.dev/docs/components/table/) ([Markdown](https://starwind.dev/docs/components/table.md)): Styled only; Astro available; React available; 8 documented styled exports. - [Tabs](https://starwind.dev/docs/components/tabs/) ([Markdown](https://starwind.dev/docs/components/tabs.md)): Direct primitive; Astro available; React available; 4 documented styled exports. - [Textarea](https://starwind.dev/docs/components/textarea/) ([Markdown](https://starwind.dev/docs/components/textarea.md)): Styled only; Astro available; React available; 1 documented styled export. - [Theme Toggle](https://starwind.dev/docs/components/theme-toggle/) ([Markdown](https://starwind.dev/docs/components/theme-toggle.md)): Styled only; Astro available; React available; 1 documented styled export. - [Toast](https://starwind.dev/docs/components/toast/) ([Markdown](https://starwind.dev/docs/components/toast.md)): Direct primitive; Astro available; React available; 8 documented styled exports. - [Toggle](https://starwind.dev/docs/components/toggle/) ([Markdown](https://starwind.dev/docs/components/toggle.md)): Direct primitive; Astro available; React available; 1 documented styled export. - [Toggle Group](https://starwind.dev/docs/components/toggle-group/) ([Markdown](https://starwind.dev/docs/components/toggle-group.md)): Composite; Astro available; React available; 2 documented styled exports. - [Tooltip](https://starwind.dev/docs/components/tooltip/) ([Markdown](https://starwind.dev/docs/components/tooltip.md)): Direct primitive; Astro available; React available; 3 documented styled exports. - [Video](https://starwind.dev/docs/components/video/) ([Markdown](https://starwind.dev/docs/components/video.md)): Styled only; Astro available; React available; 1 documented styled export. ## AI And Documentation Links - [Components](https://starwind.dev/docs/components/) - [Primitive adapters](https://starwind.dev/docs/primitives/) - [Runtime and raw HTML](https://starwind.dev/docs/runtime/) - [Theming](https://starwind.dev/docs/getting-started/theming/) - [Astro installation](https://starwind.dev/docs/frameworks/astro/) - [Vite React installation](https://starwind.dev/docs/frameworks/vite-react/) - [Next.js installation](https://starwind.dev/docs/frameworks/nextjs/) - [TanStack Start installation](https://starwind.dev/docs/frameworks/tanstack-start/) - [React Router installation](https://starwind.dev/docs/frameworks/react-router/) - Per-page Markdown: append `.md` to a docs URL. - Structured manifest: [ai-manifest.json](https://starwind.dev/ai-manifest.json)