Cabin Visuals Website

Cabin Visuals Website

Tech Stack

React
Zustand
IndexedDB
Supabase
React Three Fiber
TypeScript

Project Stats

Total Commits: 227

About this Project

CabinVisuals.com offers a unique approach to visual creation, functioning as a 'visual DAW' (Digital Audio Workstation). It empowers users to design and generate visuals by programming rhythms and melodies, similar to how music is produced.

The platform is built with React, Zustand, React Three Fiber for 3D graphics, and utilizes IndexedDB for local persistence, with Supabase for backend services. Users can leverage pre-built visual instruments, import MIDI files, program their own MIDI sequences, and customize instruments and effects.

A key feature is the ability to upload an audio file and easily create visuals perfectly synchronized to the music. The final output can be exported as an MP4 video. The software aims to make complex visual production intuitive and accessible.

Project Gallery

Cabin Visuals Website screenshot 1

View Image

Cabin Visuals Website screenshot 2

View Image

Cabin Visuals Website screenshot 3

View Image

Cabin Visuals Website screenshot 4

View Image

Demo Video

Key Features