MacDockPro brings the iconic, ultra smooth macOS dock experience straight to your Framer projects. Drop it into your homepage, a navigation menu, or a portfolio showcase to give your visitors a premium, familiar desktop feel right inside their browser. It features a fully responsive scale system that dynamically shrinks or grows to fit beautifully onto any screen layout.
It renders an interactive, customizable app dock that reacts fluidly as users interact with it. The component handles smooth hover states, features a realistic icon magnification effect that responds to cursor distance, and includes classic macOS style bouncing animations on entry. With built-in light, dark, and system auto themes, it seamlessly adapts to your site design out of the box.
Dock Items & Layout: Manage your links and adjust the overall padding, icon size, and icon gap spacing.
Magnification Physics: Fine tune the magnification scale intensity and the cursor range that triggers the zoom effect.
Theming & Colors: Toggle between Light, Dark, or Auto themes. Customize backgrounds, borders, label backgrounds, and label text colors for both modes.
Animations & Style: Turn on or off the entry bounce effect, adjust the bounce delay, tweak the corner border radius, control the background blur amount, and change the label typography font.
Portfolio and presentation sites
Modern SaaS and product landing pages
Creative agency websites
Interactive dashboards and portals
Minimalist navigation alternatives
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
