Mellow UI — animated React components with editorial aesthetics

Vol. 02 — A motion-first library
16 components

Components that move, quietly.

Motion-led primitives for builders who care about texture, timing, and the small theatre of an interface. Copy the source. Own it.

Browse components
shadcn registry
The point of view

Most interfaces shout. Mellow moves quietly — texture, timing, and the small theatre of a cursor crossing a surface. One command writes the source into your repo. Read it. Patch it. Make it yours.

  1. I.

    Copy, don't install

    Every component ships as a shadcn registry item. One command writes the source into your repo — you own the file the moment you read it.

  2. II.

    Motion as language

    Built on motion/react and raw canvas. Scroll, hover, and mount triggers — orchestrated, not decorative. Reduced motion respected without exception.

  3. III.

    No version trap

    There is no @mellow/core package to pin. No breaking change to migrate. The code is yours, the patches are yours, the future is yours.

The collection

In motion.

01 / 06

Dither Spotlight

A cursor spotlight rendered as ordered halftone dots — printed light, not glassy glow.

02 / 06

Flow Field

Curl-noise strokes follow an invisible vector field. Move your cursor to part it.

03 / 06

Kinetic Wall

A wall of analog clock hands that align into letterforms, then dissolve.

04 / 06

Phosphor Sweep

A rotating beam ignites dots that fade like CRT phosphor decay.

05 / 06

Encrypted Text

Characters tumble through cipher glyphs before settling into the message.

06 / 06

Tactile Buttons

Depth and magnetism — button physics that make a click feel like a press.

+ 9 moreAll components
Index

Every file.

16 entries
  1. 01Warp Grid
  2. 02Phosphor Sweep
  3. 03Flow Field
  4. 04Dither Spotlight
  5. 05Depth Button
  6. 06Magnetic Button
  7. 07Encrypted Text
  8. 08Combination Text
  9. 09Springy Text
  10. 10Particle Word
  11. 11Word Reveal
  12. 12Kinetic Wall
  13. 13Velocity Band
  14. 14Matrix Hero
  15. 15Specimen Carousel
  16. 16Mechanical Keyboard
Get started

Run one command.Keep the source.

One command writes the component into your codebase. No runtime, no dependency on us, no upgrade path to fear.

Browse all 16 components