SkillGitHub
All components
chromatic-image

Chromatic image

Adds controlled color-channel displacement to editorial media on focus.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Medium
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/chromatic-image.json

Component behavior

Color displacement follows focus and settles cleanly Adds controlled color-channel displacement to editorial media on focus.

Suitable events

Use for browsing, focusing, scrolling, and dragging media.

Runtime information

Motion engine
motion
Runtime cost
Medium
Dependencies
motion
Open public Registry JSON