Harmony Lattice
- from @pluginui
A twelve-bin field painted onto an isomorphic pad layout: two semitone steps on a square or hexagonal grid, the piano or a fretboard for comparison. Paints by value (the kit's colour ramps, or a tense/bright ramp) or by pitch identity (hue by semitone or by circle of fifths), and rings the notes a progression step adds and dashes the ones it releases, so a chord sequence can be animated on several layouts at once. Every cell is coloured by the value of the pitch class it sounds, so a chord's consonant neighbourhood, a song's note histogram or a scale mask can be drawn on several layouts side by side and read as regions or as scatter. Chord tones take the accent, tense values are tinted rather than merely dark, a tonic gets a ring and a tonal-centre marker can sit over the lattice. A display envelope and a live trail beside it keep played pads glowing and fading, so recent chords leave a decaying trail. The pure geometry beside it also scores a field's readability on a layout: roughness across neighbours and the number of connected regions.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @pluginui/core-harmony-latticeLive preview
No live preview has been built for this component yet.
Registry dependencies0
The CLI adds no other registry items with this one.
Packages0
No npm packages are installed with it.