Skip to main content

Introduction

Vortex is a React design system for building consistent interfaces. It combines UI components, layout primitives, and design tokens you can adapt to your product.

Start with the built-in theme, then customize colors, typography, and spacing to make it your own.

What you get

  • Composable components for layouts, forms, navigation, and overlays.
  • Design tokens for shared styles and component details.
  • Responsive props for adjusting supported styles across breakpoints.
  • Light and dark modes built into the theme.

Get started

Follow Quick Start to check package access and set up Vortex, or use the Next.js guide for an App Router project.

Components

Assemble your next screen.

Icons

Give actions clear meaning.

Spinners

Bring loading states to life.