Tag inspiration archive
Tabs Design Inspiration
Curated collection of 61 standout UI, motion, and interaction designs tagged with "Tabs" from creators on X.
Flight Card - Raul
Flight Card
@raul_droncaPost card morph transition - Omer Erdogan
Post card morph transition
@omererdgan
Posting this again because the algorithm was not it this morning - Wuraola | Product Designer
Posting this again because the algorithm was not it this morning
@WuraoladesignsMonitor overview (dark mode) - Maxim Kuznetsov
Monitor overview (dark mode)
@disarto_max
A closer look at the calendar, week view - Tuğba Sel
A closer look at the calendar, week view
@seltugba_Micro-Interactions Matter More Than You Think - Jony Mac
Micro-Interactions Matter More Than You Think
@JonyMac_uxthe kind of polish that makes you stop scrolling @kvnkld - Ali Grids
the kind of polish that makes you stop scrolling @kvnkld
@AliGridsnexus web section - Oğuz B
nexus web section
@moguzbulbulhow it works section - Aaron
how it works section
@aaronmahlkelive and die for microsites and microinteractions - Emily Han
live and die for microsites and microinteractions
@emilyhanyfSome clean visual exploration with UI - Basit A. Khan
Some clean visual exploration with UI
@basit_designsBottom nav / Menu concept made with Claude - Kailash
Bottom nav / Menu concept made with Claude
@kail_designsGitHub integration on Athas. Added actions tab, improved the sideba... - athas.dev
GitHub integration on Athas. Added actions tab, improved the sidebar UI.
@athasdevbottom tab bar with smooth animation by @leouiux - Ali Bey
bottom tab bar with smooth animation by @leouiux
@alibey_10Adobe tried to buy Figma for $20 billion in 2022. The deal collapse... - Nav Toor
Adobe tried to buy Figma for $20 billion in 2022. The deal collapsed. So Figma went public on the NYSE in July 2025 instead. Ticker FIG. Public company. Quarterly earnings. Wall S...
@heynavtoorService showcase exploration – built in Framer - Till Janek
Service showcase exploration – built in Framer
@tilljanek
What if @github with new design vibes - rico
What if @github with new design vibes
@_heyricoMicrointeractions - Dawood
Microinteractions
@DawoodUIWebsite section – animated entirely using Claude Code - Kevin
Website section – animated entirely using Claude Code
@kvnkld
Designed these tabs for my fintech product. - Sahil Vhora
Designed these tabs for my fintech product.
@iamsahilvhoratabs - xavier
tabs
@atlou_
Ticket Dashboard – Smart Notifications Feature - DejvDesign
Ticket Dashboard – Smart Notifications Feature
@dejvdesignResolved tickets - chart animation - DejvDesign
Resolved tickets - chart animation
@dejvdesignStress testing the SubtleTab, Checkboxes and Table components on re... - Micka
Stress testing the SubtleTab, Checkboxes and Table components on real use cases. I want these components to be better default, every interaction should feel snappy, not sluggish.
@micka_designdesign → code - Kevin
design → code
@kvnkldDropdown , Tabs . Which component should I design next? - Micka
Dropdown , Tabs . Which component should I design next?
@micka_designvibe coding micro interactions - Kumail Nanji
vibe coding micro interactions
@kumailnanjisystem/light/dark - alex
system/light/dark
@aliszuThis border-radius transition Believe it or not, it's just CSS. - Haz
This border-radius transition Believe it or not, it's just CSS.
@diegohaz
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.
@linearTabs animation - Marcel
Tabs animation
@marcelkargulA demo component I built for my article about shared layout animati... - Jakub Krehel
A demo component I built for my article about shared layout animations
@jakubkrehel
When the UI understands you - Karthik B
When the UI understands you
@Karthik_designsWeb Section @intrfacer - Oğuz B
Web Section @intrfacer
@moguzbulbul
Both light and dark versions - ZAAD
Both light and dark versions
@IshanzaadDonation profile widget animation w / @alignui - Erşad
Donation profile widget animation w / @alignui
@ersadwork
Chat app components. - Roman
Chat app components.
@roman_designerMotion Tabs Demo: https://motion-tabs.vercel.app - Raul
Motion Tabs Demo: https://motion-tabs.vercel.app
@raul_dronca
This one is experimental. Teaser of an explorations of a Art & Cult... - Roman
This one is experimental. Teaser of an explorations of a Art & Culture app
@roman_designerTabs. - shawn.
Tabs.
@zzzzshawnLinear-inspired Bottom Tabs made using @expo + Reanimated Github: h... - rit3zh
Linear-inspired Bottom Tabs made using @expo + Reanimated Github: https://github.com/rit3zh/expo-linear-like-bottom-tabs…
@rit3zh
now that we have squircles on the web with the new corner-shape pro... - Kevin Grajeda
now that we have squircles on the web with the new corner-shape property, who’s gonna make the tailwind plugin for it? would be perfect to use without worrying about browser fallb...
@k_grajedaLoading effects for @easemate playgrround w/ @Jakubantalik - Aaron Iker
Loading effects for @easemate playgrround w/ @Jakubantalik
@aaroniker
Sometimes AI won’t cut it. Sometimes you have to draw every rectang... - Sebastiano Guerriero
Sometimes AI won’t cut it. Sometimes you have to draw every rectangle yourself. Icons → @nucleoicons
@guerriero_seshipping this soon! - kush
shipping this soon!
@kushsolitary
Layout panel design - Dan
Layout panel design
@TheProductGuy__Tab animation - Widya Bayu W
Tab animation
@RalconStudio
App is, by nature, an eternal WIP - for a dev that's the beauty and... - Gentler Streak
App is, by nature, an eternal WIP - for a dev that's the beauty and the horror of it. Our Streak tab shows it best. Go Gentler is now a set of single recommendations, your wellnes...
@Gentler_AppEnhanced tab system for our Redis data browser coming soon - Enes Akar
Enhanced tab system for our Redis data browser coming soon
@enesakarTabTab 2.0 is out now It’s faster and more reliable than before, an... - Richard Qi
TabTab 2.0 is out now It’s faster and more reliable than before, and it’s how window and tab switching should be on Mac. The ability search through all your browser tabs is especi...
@riccqiAnimating Before / After tabs in @figma - Marko Ilic
Animating Before / After tabs in @figma
@markoilico
Can't find which tab is Active? Here's the light - Jay Dwivedi
Can't find which tab is Active? Here's the light
@JayDwivedi_Tabs Visual Identity by @studiofreight - Rebrand
Tabs Visual Identity by @studiofreight
@rebrandgallery
I created a tiny app last week to replace my browser's new tab scre... - Hayden Bleasel
I created a tiny app last week to replace my browser's new tab screen and I love it to bits. Tracks my quick tasks, X posts and followers.
@haydenbleaselI continue to work on @googlechrome tabs screen. Gonna make it full... - Volodymyr
I continue to work on @googlechrome tabs screen. Gonna make it fully functional like the original one. ✦ Built for React Native using @expo ✦ Powered by @swmansion reanimated ✦ Av...
@v_serbulenkogooey tabs in @framer. - Framer University
gooey tabs in @framer.
@learnframerSwiftUI Fixed Tab - sucodee
SwiftUI Fixed Tab
@sucodeeeTab selection interaction, but with lil' twist and turns - Jahanvi Singh
Tab selection interaction, but with lil' twist and turns
@me_Jahanvitwo tabs @serhii_be - Méschac Irung
two tabs @serhii_be
@MeschacIrungThis 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_serbulenko