Recreate Advanced Webflow Nav Animations in Next.js & Motion UI

Recreate Advanced Webflow Nav Animations in Next.js & Motion UIRecreate Advanced Webflow Nav Animations in Next.js & Motion UI

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Akram Adjab

pro

• May 18

Fixed Underlay Navigation, rebuilt in Next.js + Motion.

Spotted this on `osmo.supply`, originally Webflow only. The nav panel sits fixed on the right side the whole time. When you open the menu, the page slides left to uncover it, then the nav items animate in from x: 50px with a 0.08s stagger. Footer links fade up from y: 20px separately.

Recreating patterns from other tools in React is honestly one of the best ways to understand how they work.

React motion Animation

Webshocker Matjaz Valentar

pro

• May 25

Website and 3d cover animation I created for Capital Genetics

Completed work

Animation 3D Animation Web Design Adobe After Effects Adobe Photoshop Autodesk 3ds Max

Sahil Undhad

• May 25

Nice One..

Gopi UI/UX + AI

pro

• May 26

More than just visuals — creating experiences users remember. Clean interfaces paired with meaningful interactions. 🚀 📩 Have a project?

👉 Book a call: https://calendly.com/gopi-uiux/30min 👉 Dribble: https://dribbble.com/OptimityLogics 👉 Behance: https://www.behance.net/optimitylogics 👉 Portfolio: https://gopi-prajapati-portfolio.vercel.app

User Research UX Design Figma uiux Animation

Rasel Alam Jubayed

pro

• May 27

Good work

Mehdi Yahiaoui

• May 26

Latest Client's Work! I've put the time to put up a 90 sec Motion Graphics Explainer for InfiniteUGC The Ai Platform that generates Ai UGC that look Real!