[feat]: macbook-dock-navigation #24
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
add a smooth hover mac has, it lacks that rest is awsome |
something like this, good to merge when this animation is done |
fix : click on component code also opens tailwind code, this bug is there in card also fix for that too please |
…onent code also opens tailwind code, this bug is there in card also fix this ui
|
Fix: Improved Dock Animation & Code Copying Issue Enhanced Hover Animation: Implemented a smoother hover effect similar to the macOS dock, making the transition more fluid and visually appealing. Bug Fix: Resolved an issue where clicking on component code also opened the Tailwind config code. The same fix has been applied to cards to prevent accidental expansions. Overall Improvement: Refined the interaction to align better with user expectations and provide a seamless UI/UX experience. |
|
it is close to what we need, good work however i feel there can be some improvements in the animation, it just doesn't completely feel like macbook doc, plus when selected please add that tiny dot back in the bottom |
akradadiya28
force-pushed
the
macbook-dock-navigation
branch
from
64c5879 to
40b0946
Compare
|
@akradadiya28 is attempting to deploy a commit to the vineetagarwalcode's projects Team on Vercel. A member of the Team first needs to authorize it. |
2 participants
Title: 🏗️ Add MacBook-Style Dock Navigation Component ( Solved #23 )
Description:
This PR introduces a MacBook-style Dock Navigation component built using Next.js, Framer Motion, and Tailwind CSS. The component includes:
DockContainer: A wrapper for the dock with customizable styles.
DockItem: Individual dock items with hover animations and tooltips.
Framer Motion animations for smooth scaling effects.
Utility function cn.ts for class merging using clsx and tailwind-merge.
Tailwind config updates for floating animations.