Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.
ReactAnimationAI+3
libraries.dev
Raphaelsalaja
calligraph.raphaelsalaja.com
Calligraph is a React component for fluid, per-character text transitions powered by Motion, with text, number and slot-machine variants.
What is Raphaelsalaja?
Calligraph animates text with smooth, fluid transitions built on the Motion library, distributed as a simple npm package. The demos cover animated text, rolling number displays like prices, and slot-style digit reels, all wrapped by a single Calligraph component. Install it with npm and wrap any content to get the effect.
Best for
- Animated headings and rotating taglines
- Rolling price and number counters
- Adding Motion-based text transitions to React
Key features
- Fluid text transitions powered by Motion
- Text, number and slot variants included
- Install with npm, wrap any content
- Drop-in React component
Related resources
libraries.dev
A free browser-based effects editor stacking 75+ dither, halftone, ASCII and pixel effects into posters, graphics and motion visuals.
IllustrationAnimationWeb+1
ditther.com
A browser-based 3D device mockup and animation studio — build scenes, animate them, customize screens and export polished product visuals.
3DAnimationMobile+1
hano.so