Strudel Flow
A visual drum machine and pattern sequencer built with Strudel.cc, React Flow, and styled using Tailwind CSS and shadcn/ui. Create complex musical patterns by connecting instrument nodes to effect nodes with a drag-and-drop interface.
Table of Contents
Getting Started
To get started, follow these steps:
Install dependencies: npm install # or yarn install # or pnpm install # or bun install Run the development server: npm run dev # or yarn dev # or pnpm dev # or bun dev
Tech Stack
Audio Engine : Strudel.cc - Web-based live coding environment
React Flow Components : The project uses React Flow Components to build nodes. These components are designed to help you quickly get up to speed on projects.
shadcn CLI : The project uses the shadcn CLI to manage UI components. This tool builds on top of Tailwind CSS and shadcn/ui components, making it easy to add and customize UI elements.
... continue reading