# Float: configure a floating animation in React

Canonical source : [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.

- Selected on : 2025-01-05

- Entry updated : 2026-10-14T07:00:28+0000

- Format : Documentation

- Source language : EN

- Credit : Daniel Petho

Original resource : [Float: configure a floating animation in React](<https://www.fancycomponents.dev/docs/components/blocks/float>)

Tags : [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>) · [Animation](<https://sebastien.rigaux.be/en/tech-watch/tags/animation>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/float-regler-une-animation-de-flottement-en-react>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/float-configure-a-floating-animation-in-react>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)