Ring Circle
- from @pluginui
A key's ring of chords as a circle of clickable nodes in line-of-thirds order, where neighbours share all but one note and a move of k nodes shares all but k. Edges carry the notes neighbours share, moves are drawn as arrows across the circle with the active one bold, and the hinge gets a heavier rim. Nodes arrive with their name, quality icon, ring label and pitch classes already chosen, so the same figure draws a traditional I to VII ring or any cycle of chords.
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-ring-circleLive 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.