Features
The animation employs numerous components and variants, all nested together.
I crafted a component for each icon, which has three size variants: "Small", "Medium", and "Large".
Then, I whipped up a main "Dock" component comprising all the icons and set up variants for each state of the animation. These variants can then be linked with interactions.
Also, I added a mobile variation of the component in the remix.
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Try recreating it for practice, or copy and paste it to your project.