Library
Start Building!
Install Swirski UI as a React component library and build with ready-made components, consistent props and bold defaults.
pnpm add @swirski/uiDocs for the Swirski visual systemDesign loud.
Design loud.
Ship sharp.
A practical reference for composing Swirski Studio and Swirski Dev style interfaces with the shared UI package: expressive, structured and ready for real product screens.
CLI
Or Own The Source!
Use the CLI to copy components into your app, then customize the markup, tokens, classes and behaviour as your own.
pnpm exec swirski add button card dialogSystem
One system. Three ways to build.
Use Swirski UI as a component library, copy pieces with the Swirski CLI, or install hosted registry items with shadcn. The same props, tokens and styling hooks keep everything consistent.
01
Full component library
Install @swirski/ui and import ready-made React components with consistent props, strong defaults and a bold graphic visual language.
02
Copy-source workflow
Use the CLI to pull selected components into your own project. The code becomes yours to edit, remix and reshape.
03
shadcn registry access
Install hosted Swirski registry items with the shadcn CLI when your project already uses that workflow.
Components
Useful primitives with a graphic point of view.
Component
Button
Action primitive with bold borders, graphic tones, loading states and asChild support.
Component
Card
Flexible surface for content blocks, docs panels, previews and hard-shadow layouts.
Component
Dialog
Accessible overlay pattern for focused interactions, confirmations and modal content.
Component
Select
Styled selection control with consistent sizing, tones and Swirski system props.
Component
Loader
Pixel-art loading indicators with chunky outlines, pop-art tones and reduced-motion support.
Component
DotGrid
Graphic background texture for docs, hero sections, panels and Swirski-style surfaces.
Component
ImageFrame
Framed media primitive for screenshots, product shots, visual examples and editorial layouts.
Component
Typography
Heading and body text primitives with reusable size scales.
Start
Build with the library, or own the source.
Install Swirski UI for fast imports, or use the CLI to copy components into your project and customize everything.