Dev Design Library

Magic Rings

Open concentric rings expand in Cojeev colors and respond to pointer position.

Magic Rings preview
Library
Cojeev UI
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add https://cojeev.com/ui/r/magic-rings.json
Files
  • registry/cojeev/ui/magic-rings.tsx
  • registry/cojeev/lib/reference-field.tsx
  • registry/cojeev/styles/magic-rings.css
  • registry/cojeev/lib/utils.ts
  • registry/cojeev/lib/appearance-tokens.ts
  • registry/cojeev/lib/assembly-geometry.ts
  • registry/cojeev/lib/bento-layout.ts
  • registry/cojeev/lib/bloom-engine.ts
Source
https://github.com/luv-jeri/cojeev-ui

Categories

More from Cojeev UI