Strudel Flow, a pattern sequencer built with Strudel and React Flow

In plain words

Strudel Flow is a pattern sequencer built using Strudel and React Flow technologies. It allows users to create and arrange musical patterns through a visual, flow-based interface. The tool is designed for musicians and sound designers who want to experiment with sequencing in an interactive way. It combines Strudel's pattern-generation capabilities with React Flow's node-based visual system, making it suitable for both beginners and experienced producers exploring generative music creation.

written from the facts on this page · September 2026

From the sources

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. 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…from github.com

• 
  React Flow – library for creating node based editors and apps2021 · github.com · ▲224

  React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. - xyflow/xyflow

• 
  UX Flow Wireframe Prototyping System2017 · ▲453

  Create beautiful user flows prototypes for your next project

• 
  A 64-step drum sequencer I built using React and Redux2021 · sequencer64.com · ▲327

  An intuitive 64-step drum sequencer progressive web app built using React, Redux, and Tone.js

• 
  Flowbite 2.02022 · flowbite.com · ▲336

  Open-source ecosystem built on top of Tailwind CSS

• 
  Flow2017 · createwithflow.com · ▲409

  Animate Sketch designs and generate production-ready code.

• 
  UXFlow2017 · uxflow.co · ▲265

  Free customizable flowchart kit for Sketch and Figma

• 
  SimCity, but with Permits▲929

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 2d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 14d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 15d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 9d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 13d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 23d ago · space.bl2.net

• 
  Trace▲1,555

  Workflow Automations for the Human 👾 AI Workforce

  AI · 2025 · trace.so

• 
  I spent 6 years building a ridiculous wooden pixel display▲1,145

  I built the world's most impractical 1000-pixel display and anyone in the world can draw on it. It draws a single pixel at a time and takes 30-60 minutes to complete a single image. Anyone can participate in the project by voting for the next image to be drawn, and submitting images. https://kilopx.com/

  Work · 2025 · benholmen.com

• 
  Indy AI by Contra▲1,070

  Job boards are dead. Your network is alive

  AI · 2025 · contra.com

• 
  Kitten TTS – 25MB CPU-Only, Open-Source TTS Model▲1,003

  Kitten TTS is an open-source series of tiny and expressive text-to-speech models for on-device applications. We are excited to launch a preview of our smallest model, which is less than 25 MB. This model has 15M parameters. This release supports English text-to-speech applications in eight voices: four male and four female. The model is quantized to int8 + fp16, and it uses onnx for runtime. The model is designed to run literally anywhere eg. raspberry pi, low-end smartphones, wearables, browsers etc. No GPU required! We're releasing this to give early users a sense of the latency and voices…

  AI · 2025 · github.com

• 
  I was curious about spherical helix, ended up making this visualization▲865

  I was wondering how I can arrange objects along a spherical helix path, and read some articles on it. I ended up learning about parametric equations again, and make this visualization to document what I learned: https://visualrambling.space/moving-objects-in-3d/ feel free to visit and let me know what you think!

  Life & fun · 2025 · visualrambling.space

• 
  The current sky at your approximate location, as a CSS gradient▲788

  For HTML Day 2025 [1], I made a web service that displays the current sky at your approximate location as a CSS gradient. Colours are simulated on-demand using atmospheric absorption and scattering coefficients. Updates every minute, without the use of client-side JavaScript. Source code and additional information is available on GitHub: https://github.com/dnlzro/horizon [1] https://html.energy/html-day/2025/index.html

  Dev tools · 2025 · sky.dlazaro.ca