macOS Dock Component for Framer

This is a recreation of the macOS dock animation from the screen.studio website, built in Framer without any code. Feel free to copy-paste it into your project and have fun

About the resource

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.

Bài trước

Bài kế tiếp

Xem thêm

Avara Site in Framer

Animation

This is the Avara site, recreated in Framer without writing a single line of code. Feel free to remix the project and check out how it's built.

Avara Site in Framer

Animation

This is the Avara site, recreated in Framer without writing a single line of code. Feel free to remix the project and check out how it's built.

Galaxy Button Component

Component

This is a remake of the galaxy button first showcased on the Genius website. It's a truly engaging effect that can certainly elevate your site to new heights.

Galaxy Button Component

Component

This is a remake of the galaxy button first showcased on the Genius website. It's a truly engaging effect that can certainly elevate your site to new heights.