# Animation · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/animation/page/2>)

Motion in interfaces: transitions, gestures, timing and reduced-motion preferences.

## [Motion Primitives: compose interfaces with adjustable animations](<https://sebastien.rigaux.be/en/tech-watch/links/motion-primitives-compose-interfaces-with-adjustable-animations>)

This collection provides animated interface components to copy and customize. Demos cover text effects and transitions for enhancing existing interactions.

2025-02-20 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/motion-primitives-compose-interfaces-with-adjustable-animations.md>) · [Original resource](<https://motion-primitives.com/>)

## [React Bits: customize animated components from source](<https://sebastien.rigaux.be/en/tech-watch/links/react-bits-customize-animated-components-from-source>)

React Bits collects backgrounds, text effects and interactive components installed as source code. Exposed parameters let developers tune motion and appearance for their project.

2025-02-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/react-bits-customize-animated-components-from-source.md>) · [Original resource](<https://reactbits.dev/>)

## [Float: configure a floating animation in React](<https://sebastien.rigaux.be/en/tech-watch/links/float-configure-a-floating-animation-in-react>)

The component animates movement and rotation using sine waves. Amplitude, speed and time offsets let you tune the effect and desynchronize multiple elements.

2025-01-05 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/float-configure-a-floating-animation-in-react.md>) · [Original resource](<https://www.fancycomponents.dev/docs/components/blocks/float>)

Page 2 / 2

[Previous](<https://sebastien.rigaux.be/en/tech-watch/tags/animation>)