Components Overview

Starwind UI currently includes the following components:

• Accordion
• Alert
• Avatar
• Badge
• Button
• Card
• Checkbox
• Dialog
• Input
• Label
• Pagination
• Select
• Switch
• Tabs
• Textarea
• Tooltip

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.