Skip to content

Introduction

Storm UI is an open-source design system built for Next.js. 63 components, 326 icons, 6 charts, 17 blocks - all styled with Tailwind CSS and zero runtime dependencies.

What's included

63 components

Form controls, navigation, overlays, layout, feedback

326 icons

SVG icons built as React components with forwardRef

6 chart types

Area, bar, line, pie, radar, radial - powered by Recharts

17 blocks

Pre-built layouts combining multiple components

Dark mode

CSS variables auto-switch with .dark class, zero config

AI-first docs

Structured prompts for every component, ready to paste

Design principles

Border-driven identity - 1px borders, no shadows, consistent radius

Server Components first - minimal use client directives

Zero runtime dependencies - just React and Tailwind CSS

className always wins - every component accepts className via tailwind-merge

TypeScript with full type safety and forwardRef on every component

Quick install

pnpm add @storm-ds/ui @storm-ds/icons

Follow the full installation guide for Tailwind plugin setup and dark mode configuration.