Latido turns signals into perceptual interfaces.
Latido is a signal engine for living interfaces.
source → signal → interpretation → behavior → targetIt is not a renderer, not a framework and not only audio. Use it to connect real-time values to DOM, Canvas, PixiJS, Three.js, Web Animations API or your own rendering layer.
npm install @latido/webUse individual packages when you need fine-grained control:
npm install @latido/core @latido/dom @latido/audioimport { createLatido, dom, audio, signals } from "@latido/web"
const latido = createLatido()
.use(dom())
.use(audio({ element: audioEl }))
latido.signal(signals.audio.energy)
.bindCSSVar(document.body, "--energy")
latido.start()@latido/web: common browser entrypoint@latido/core: scheduler, sources, signals and transforms@latido/dom: CSS variables, styles, classes and attributes@latido/audio: Web Audio sources and beat/onset analysis@latido/targets: renderer-agnostic object bindings@latido/network: WebSocket and SSE sources@latido/events: browser event sources@latido/waapi: Web Animations API bindings
npm install
npm run devRun the docs site:
npm --workspace examples/docs run devRun System Pulse:
npm --workspace examples/system-pulse run dev- New Vite documentation site focused on onboarding and adoption
- New
@latido/webbrowser entrypoint - System Pulse weather source now interprets Open-Meteo conditions, gusts, rain, showers and snowfall
- Concise README pointing to live docs and examples
- Documentation for concepts, packages, examples, recipes, API and roadmap
Marcos Pérez
https://github.com/mploscos