garridocchristian-alt GitHub avatar

sg16-groovebox

garridocchristian-alt

SG-16 SIGNAL is a browser-based sampler and groovebox inspired by classic hardware like the SP-1200 and TR-808, built entirely with vanilla JavaScript and Web Audio API without any dependencies.

Stars

40

7-day growth

No data

Forks

11

Open issues

0

License

MIT

Last updated

2026-07-10

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It delivers a fully functional, hardware-inspired music production experience directly in the browser with no installation, plugins, or server required, making it highly accessible and lightweight.

Who it is for

  • Music producers and beatmakers looking for a portable sampler
  • Web audio enthusiasts and developers studying audio APIs
  • Retro hardware sampler fans wanting a browser-based alternative
  • Educators teaching electronic music production or web technologies

Use cases

  • Creating drum patterns and sequences on-the-fly in a browser tab
  • Prototyping beats without installing DAW software
  • Learning step sequencing and modulation concepts
  • Exporting short loops for use in other production environments

Strengths

  • Zero dependencies – pure HTML/CSS/JavaScript works offline after loading
  • Auto-save via localStorage preserves sessions without account or cloud
  • Hardware-inspired UI with waveform editor, transient detection, and vintage filter modes
  • Integrated mixer with 3-band EQ, reverb, bit-crushing, and saturation effects

Considerations

  • No MIDI hardware or external controller support mentioned
  • Relies on browser localStorage which has limited capacity and no cross-device sync
  • Lacks multi-track recording or advanced arrangement features found in DAWs

README quick start

Getting Started

Description

Browser-based hardware-inspired sampler/groovebox. Web Audio API, no dependencies

Related repositories

Similar projects matched by category, topics, and programming language.

ViffyGwaanl
Featured
ViffyGwaanl GitHub avatar

kimi-k3-learn

An interactive learning system that turns the 47-page Kimi K3 technical report into a single offline HTML file with running algorithms, 3D visualizations, spaced repetition quizzes, and a smart highlighting QA tool.

AI & Machine Learning
15
osama-fawad
osama-fawad GitHub avatar

Pekingman

Pekingman is a multimodal agent system that integrates perception, long-term memory, human-like reasoning, emotional consistency, and real-time action to create believable NPC behavior.

HTML
933
syabro
syabro GitHub avatar

neat-annotations

A CSS-only library for adding hand-drawn arrows and handwritten labels to any webpage using a single self-contained stylesheet, no JavaScript or build tools required.

HTML
378