Components Overview

Starwind UI currently includes the following components.

Import Pattern

All components follow a consistent import pattern:

import { ComponentName } from "@/components/starwind/component-name";

Class Overrides

Components support class overrides using the class prop. This allows you to customize the appearance of the component without modifying the source code.

---
import { Button } from "@/components/starwind/button";
---

<Button>default button</Button>
<Button class="bg-purple-700 text-white hover:bg-purple-800 rounded-full">custom button</Button>

This feature is enabled by the tailwind-variants package, which uses tailwind-merge under the hood to merge Tailwind classes without style conflicts.