This task can be performed using Fancy Components
Ready-to-use, fancy animated react components & microinteractions. Free & Open-source.
Best product for this task

Fancy Components
dev-tools
Fancy Components is a growing library of ready-to-use, fancy, fun, weird, edgy, and sometimes useless animated react components & microinteractions. Free & Open-source.

What to expect from an ideal product
- Drag and drop pre-made animations directly into your React project without writing animation code
- Browse through a collection of ready-made animated components and pick the ones you like
- Copy-paste simple component code to add fun microinteractions to buttons, forms, and other UI elements
- Mix and match different animated components to create unique interactions without animation expertise
- Import funky animations from a free library instead of building them from scratch