Storm UI in action
Real patterns built with real components. Every card below uses only Storm UI.
Create Account
OR
Analytics
Users
2,847
+12.5%
Revenue
$18.2k
+8.1%
Conversion
3.24%
-0.4%
Team
Storm Contributors
5 members
Deployments
Notifications
Activity
4Sarah C. pushed to main
Marc R. opened PR #142
Alex T. reviewed PR #139
Julie D. deployed v0.1.4
Tasks
2/4Storage
7.2 / 10 GBQuick Actions
Plan
FreeBuilt different, on purpose
Built by indie developers who got tired of every app looking the same.
Recognizable Identity
7 button variants, clean borders, no shadows, consistent radius. 63 components that stand out from every generic UI kit.
Zero Runtime Dependencies
Just React and Tailwind CSS. No Radix, no Headless UI, no bloat. Ship what you need, nothing more.
Next.js First
Server Components by default. Minimal 'use client' usage. Built for App Router from day one.
AI-First Documentation
6 AI patterns + 63 component prompts. Feed them to Claude, GPT, or Cursor and get correct code instantly.
Dark Mode Built-in
CSS variables auto-switch with .dark class. No extra config, no flash of wrong theme, just works.
Fully Customizable
Override any CSS variable - colors, radius, border-width, spacing. Your brand identity, Storm's component structure.
Simple by design
No complex setup. No provider wrappers. No configuration files. Import and use - it just works.
import { Button, Input, Label, Alert } from '@storm-ds/ui'
import { ArrowRight } from '@storm-ds/icons'
export default function Page() {
return (
<form>
<Label required>Email</Label>
<Input type="email" error={!valid} />
<Button loading={submitting}>
Submit <ArrowRight />
</Button>
</form>
)
}Create a login form using Storm UI with loading and error states. Import Card, Input, Label, Button from storm-ui.
Use Label required for required fields, Input error for validation, Button loading during submit. Server component compatible.
AI-first documentation
Every component comes with a structured AI prompt. Copy it, paste it into Claude, GPT, or Cursor - and get correct Storm UI code on the first try.
No more hallucinated props. No more wrong imports. 6 AI patterns and 63 component prompts include the exact API, variants, sizes, and working examples.
63 components, one import
Full shadcn parity. Everything you need to build complete interfaces.
Button
Form
Input
Form
Select
Form
Checkbox
Form
Switch
Form
Slider
Form
Combobox
Form
DatePicker
Form
Alert
Feedback
Badge
Feedback
Avatar
Display
Progress
Display
Table
Display
Calendar
Display
Card
Layout
Accordion
Layout
Dialog
Overlay
Sheet
Overlay
Command
Overlay
Tooltip
Overlay
Tabs
Navigation
Breadcrumb
Navigation
Sidebar
Navigation
Carousel
Layout
Blocks, Charts, and more
Pre-built page templates and data visualizations to ship even faster.
Light and dark, out of the box
Every component adapts automatically. One CSS class toggles the entire theme - no extra config, no flash.
Create Account
Enter your email to get started.
Create Account
Enter your email to get started.
Toggle with .dark class - CSS variables handle the rest.
Up and running in 3 steps
No providers, no wrappers, no config files. Just install and use.
Install
Add Storm UI and Storm Icons to your project.
Configure
Add the Storm plugin to your Tailwind config.
Use
Import components and start building.