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

Patterns

Composed UI patterns specifically designed for generating, organizing and sharing songs, projects and voices.

Create

The actionable entry point to the generative VOFXM experience.

View Live Demo

Explore

Discover and browse songs, creators, and trending playlists across the network.

View Live Demo

Songs

Create, edit and remix songs using simple prompts or advanced generation tools.

View Live Demo

Projects

Organize and release your songs as singles, EPs or albums.

View Live Demo

Playlists

Curate and manage custom audio playlists with advanced sorting and filtering.

View Live Demo

Voices

Configure and generate custom voice profiles using structural audio inputs.

View Live Demo
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.