Tag inspiration archive
Navigation Design Inspiration
Curated collection of 48 standout UI, motion, and interaction designs tagged with "Navigation" from creators on X.
navbars are boring so i made mine a playstation - ozzy
navbars are boring so i made mine a playstation
@ozzyxs1aBottom nav / Menu concept made with Claude - Kailash
Bottom nav / Menu concept made with Claude
@kail_designsnavigation menu with some animations - tom
navigation menu with some animations
@tomm_ui
Sidebar navigation, two themes. - Tuğba Sel
Sidebar navigation, two themes.
@seltugba_bottom tab bar with smooth animation by @leouiux - Ali Bey
bottom tab bar with smooth animation by @leouiux
@alibey_10We’ve been spending way too much time on this sidebar with @paulfai... - Jakub Krehel
We’ve been spending way too much time on this sidebar with @paulfaivret . We re-structured the Interfere navigation, so we added this subtle animation to transition between the tw...
@jakubkrehelHere is the prompt to create a liquid gold nav bar :) Have fun expe... - Leon Lin
Here is the prompt to create a liquid gold nav bar :) Have fun experimenting! Create a floating navigation toolbar centered on screen. Dark background, glassmorphism toolbar with...
@LexnLinIf you run into an issue where you can scroll past a navigation bar... - Jakub Krehel
If you run into an issue where you can scroll past a navigation bar or other containers in your app, you can use `overscroll-behavior: none` to prevent it. You can also do this on...
@jakubkrehel
INTERNATIONAL ORANGE // LOGISTICS Deconstructing the visual languag... - Kseniya Artman
INTERNATIONAL ORANGE // LOGISTICS Deconstructing the visual language of aerospace navigation and industrial labeling. Where Swiss typography meets heavy industry. Function is the...
@ksarmeHaving so much fun designing completely in Claude Designed the shad... - Steve Schoger
Having so much fun designing completely in Claude Designed the shader for the middle pricing tier in @paper. Only time I opened Figma was to make the fake logo in the navbar.
@steveschogerhere's how other section looks like, - OPM
here's how other section looks like,
@mihirtwt
New for Linear Mobile: Customizable navbar Rearrange and pin tabs,... - Linear
New for Linear Mobile: Customizable navbar Rearrange and pin tabs, or add specific projects, initiatives, and documents for quick access.
@linearTablet and Mobile navigation view for Belfast @framer template - Call me Oz
Tablet and Mobile navigation view for Belfast @framer template
@ozenua_I'll never stop adding subtle motion to things https://visitors.now - daryl ginn
I'll never stop adding subtle motion to things https://visitors.now
@darylginnTable of contents navigation using SVG path - Raul
Table of contents navigation using SVG path
@raul_dronca
Tasks dashboard design - Adarsh
Tasks dashboard design
@AdarshSingh_inthis is one of the best blog designs i've ever made. (I migrated my... - Chanhee
this is one of the best blog designs i've ever made. (I migrated my blog from hashnode to sanity using only cursor agent)
@hiddnest
I love product design - Aman Ansari
I love product design
@HeyAnsariUXTesting out some TOC ideas for a new Mintlify theme - James
Testing out some TOC ideas for a new Mintlify theme
@jmsbaduor
Two variations of a sidebar navigation - one collapsed to icon-only... - Michael Nowak
Two variations of a sidebar navigation - one collapsed to icon-only and one expanded with labels
@mnowakdesignFound this cool navbar - Christina
Found this cool navbar
@SuuperchargedInteresting approach with a card-based navigation. → http://vemula.... - Jim Raptis
Interesting approach with a card-based navigation. → http://vemula.me
@d__raptis5 reasons @family is the best-designed app I've ever seen: 1. Conte... - Denislav Jeliazkov
5 reasons @family is the best-designed app I've ever seen: 1. Contextual widgets 2. Zero notification spam 3. Gesture-based navigation 4. Shared calendar that doesn't suck 5. It j...
@DenisJeliazkovFloating navigation that: - appears on scroll up - disappears on sc... - Elyas | Framer
Floating navigation that: - appears on scroll up - disappears on scroll down - disappears when the navigation at the top is in view
@ElyasDesign
A sidebar isn’t just a menu, it’s your navigation system. Balance m... - Tran Mau Tri Tam ✪
A sidebar isn’t just a menu, it’s your navigation system. Balance matters: categories up top, workspace below, and visual states that guide the eye. With clear hierarchy and simpl...
@tranmautritam
yesterday, we had a design session with @aaronmahlke and @arronflas... - Tom Härter
yesterday, we had a design session with @aaronmahlke and @arronflashman and came up with this gorgeous yet familiar navigation
@tomhaerterfluid navigation in @framer, recreated from @wickedmishra remix bel... - Framer University
fluid navigation in @framer, recreated from @wickedmishra remix below: ↓
@learnframerjust recreated this super cute eye candy navigation in @framer remi... - Framer University
just recreated this super cute eye candy navigation in @framer remix it below and make it your own :)
@learnframerIf you use icons in your mobile app navigation, animate them - Florian
If you use icons in your mobile app navigation, animate them
@flornkmOur site had a slight refresh light mode more social proof improved... - Adrian
Our site had a slight refresh light mode more social proof improved navigation updated services section added process, comparison table & FAQs memoji is back! :) Feel free to chec...
@uiuxadrianEffect 038 is one of our most visited effects. Interested in learni... - Made With Gsap
Effect 038 is one of our most visited effects. Interested in learning how to create a horizontal navigation to showcase all of your projects on scroll? Get access now. Built with...
@madewithgsapit was so much fun to think through how all those interactions conn... - dennis
it was so much fun to think through how all those interactions connect. the rabbit hole of a fully custom navigation is real
@dennismuellr![[w] navigation - Lovish Saini (he/him)](https://cdn.bestdesignsonx.com/media/2194133591/status/1929809291223167088/e889414c.avif)
[w] navigation - Lovish Saini (he/him)
[w] navigation
@lovishotherdays
Sidebar navigation (dark mode) - Maxim Kuznetsov
Sidebar navigation (dark mode)
@disarto_maxAnimated navigation at Linear with Radix's Navigation Menu - Emil Kowalski
Animated navigation at Linear with Radix's Navigation Menu
@emilkowalski_
Floating navbar - CJ @ Jackie Brown
Floating navbar
@CJfromJBWExperimenting with a Navigation bar animation. I'm using a subtle m... - Emmanuel Ikechukwu
Experimenting with a Navigation bar animation. I'm using a subtle micro animation to indicate the current location within the navigation hierarchy.
@emaike_animated sidebar navigation, dark/light mode - Marina Budarina
animated sidebar navigation, dark/light mode
@marina_uiux
Sidebar navigation - Maxim Kuznetsov
Sidebar navigation
@disarto_max
Navigation menu What do you think? - Eaxi
Navigation menu What do you think?
@Ui_EaxiJust added smooth navbar animations to my latest UI design Feedback... - Diyor
Just added smooth navbar animations to my latest UI design Feedback is welcome!
@diorqadamboyevThis is the navigation between boards in the Pinterest app. The mai... - Volodymyr
This is the navigation between boards in the Pinterest app. The main trick here is syncing the tab scroll with the boards scroll to keep the active tab centered. Built for @expo u...
@v_serbulenkoSwiftUI shaders + .navigationTransition(.zoom) Kinda crazy how quic... - Theo Panagiotopoulos
SwiftUI shaders + .navigationTransition(.zoom) Kinda crazy how quickly you can put something like this together these days :)
@theopanag7One of our latest additions is this centered slider. Powered by @gr... - Osmo
One of our latest additions is this centered slider. Powered by @greensock Draggable and Inertia to create a natural and smooth drag interaction. Arrow navigation, thumbnails, aut...
@osmosupplyDynamic Navigation border-length based on scroll - Florian
Dynamic Navigation border-length based on scroll
@flornkmOn the page transition to the price page which is in dark mode the... - Eduard Bodak
On the page transition to the price page which is in dark mode the navigation should also change smoothly to it. Tried a bit of different animations here. One was that the navigat...
@eduardbodaktimepage · fluid navigation by @bonobo - Spotted in Prod
timepage · fluid navigation by @bonobo
@spottedinprodToday’s #SOTD goes to @burocratik for "We are Büro". https://awwwar... - awwwards.
Today’s #SOTD goes to @burocratik for "We are Büro". https://awwwards.com/sites/we-are-buro-1… Büro is a fearless digital studio, crafting unforgettable brands and websites with m...
@awwwards