/ animations

Mac's Dock Animation

Joeylene's avatar @jorenrui
Note

Try desktop for the full experience. For mobile, you can see a preview of the animation by playing the video below the page.

I've always been fascinated by Apple's animations. With that, I tried my hand at making the Mac's dock animation. It's not 100% accurate, but it's close enough and I'm happy with it.

Tho honestly, I'm currently using Sidebar, for the simple reason of wanting to put apps in a folder. Do you have any idea how many browsers I have installed just for testing? Also, the apps in the example are what's in my dock at the moment. I mostly use Raycast to search and open apps.

LaunchpadLaunchpad
FinderFinder
ObsidianObsidian
NotesNotes
FirefoxFirefox
Firefox DeveloperFirefox Developer
Google ChromeGoogle Chrome
CursorCursor
TerminalTerminal
Built with
  • Tailwind CSS
  • React
  • Motion