• Welcome
  • Getting Started
  • Foundations
  • Components
  • Patterns
  1. Design System
  2. getting started

Getting Started

Visual foundations, interactive components, and composed patterns required to build fast, accessible, user interfaces.

Foundations

Core design principles, spatial systems, and visual specifications like colors, typography, and layouts.

Explore Foundations

Components

Reusable, accessible UI building blocks—from basic interactive buttons to complex media controls and sliders.

Explore Components

Patterns

Composed interface layouts specifically designed for audio playback, track management, and studio dashboards.

Explore Patterns

Next.js

Next.js enables you to create high-quality web applications with the power of React components.

Visit Next.js

Shadcn

A set of beautifully designed and accessible components that you can customize, extend, and build on.

Visit shadcn/ui

Tailwind

A utility-first CSS framework that can be composed to build any design, directly in your markup.

Visit Tailwind CSS
VOXFM DESIGN

An accessible, component-driven design system built with Radix UI, Tailwind CSS, and Next.js for a high-density, generative AI audio interfaces.

Explore
  • Getting Started
  • Foundations
  • Components
  • Patterns
Foundations
  • Accessibility
  • Colors
  • Grid & Layout
  • Typography
Resources
  • Radix UI
  • shadcn/ui
  • Tailwind CSS
  • Lucide Icons

© 2026 VOXFM Design System. All rights reserved.

Built with Next.js, Radix UI & Tailwind CSS.