Tag inspiration archive
Tooltip Popover Design Inspiration
Curated collection of 45 standout UI, motion, and interaction designs tagged with "Tooltip Popover" from creators on X.
Mac doc style Testimonial Interaction - Adi
Mac doc style Testimonial Interaction
@AdityaSur11Every interaction deserves motion. Even the small ones. - Gabriel
Every interaction deserves motion. Even the small ones.
@gabriell_labnested menu + super-hover! - daniel petho
nested menu + super-hover!
@nonzeroexitcodeMicro-Interactions Matter More Than You Think - Jony Mac
Micro-Interactions Matter More Than You Think
@JonyMac_ux
still one of the best crypto designs we have had so far - rico
still one of the best crypto designs we have had so far
@_heyricoFinally, we can bid farewell to the ugly native tooltip - zanwei.guo
Finally, we can bid farewell to the ugly native tooltip
@zanweiguoSpent a bunch of time redesigning our filtering UI. Natural languag... - Marvin Kennis
Spent a bunch of time redesigning our filtering UI. Natural language first. Highlights and hover states to show query understanding
@marvinkennisPublic sans is the goat font - shawn.
Public sans is the goat font
@zzzzshawninteractive hero - kosta
interactive hero
@uxkosta
Peak product work - Piyush
Peak product work
@piyushsphere
blocks - Michael Nowak
blocks
@mnowakdesign
Text editor - Light mode V2 - David
Text editor - Light mode V2
@DavidMarkov
branding actions popover menu - Juliette
branding actions popover menu
@shedsgnsResolved tickets - chart animation - DejvDesign
Resolved tickets - chart animation
@dejvdesignText reveal animation & tooltip cards - Nacho Gavilanes
Text reveal animation & tooltip cards
@Nacho_Gavilanesmake your slash menu beautiful - dmytro
make your slash menu beautiful
@pqoqubbw2D slider - a wip - Noman
2D slider - a wip
@NomandsignTables with media preview, using Claude - Tiago Alexandrino
Tables with media preview, using Claude
@tfalexandrinoOne of the biggest area I’m working on right now is trying to bridg... - Balint Orosz
One of the biggest area I’m working on right now is trying to bridge the gap between linear chat interfaces and the non-linear nature of human thinking. @benjitaylor’s Agentation...
@balintoroszTooltips tip: Tooltips should have a delay before appearing to prev... - Emil Kowalski
Tooltips tip: Tooltips should have a delay before appearing to prevent accidental activation. Once a tooltip is open, hovering over other tooltips should open them with no delay a...
@emilkowalskiGooey Bar - Raul
Gooey Bar
@raul_droncaThree levels of popover interaction design: - joshpuckett
Three levels of popover interaction design:
@joshpuckettshared tooltip interaction animated with css clip masks and transit... - victor
shared tooltip interaction animated with css clip masks and transitions inspired by @raunofreiberg's work on the @vercel toolbar
@victorwill__
Workflow Version History - Kevin
Workflow Version History
@kvnkldRebuilding my abandoned website as a social media-style feed Heavil... - Fayaz Ahmed
Rebuilding my abandoned website as a social media-style feed Heavily inspired by Threads
@fayazaraInteractive Testimonial Section - Praha
Interactive Testimonial Section
@Praha37vTried recreating spatial tooltip from @raunofreiberg's interaction... - vaibhav aggarwal
Tried recreating spatial tooltip from @raunofreiberg's interaction design manual. I started with AnimatePresence from @motiondotdev but it was getting way complicated, then did th...
@thevaibhavme
Software development should feel like making art - Nils
Software development should feel like making art
@nilsellerShared Origin-Aware Tooltip - Jakub Krehel
Shared Origin-Aware Tooltip
@jakubkrehelbase-ui popover is better than radix-ui - Ali Samadi
base-ui popover is better than radix-ui
@alisamadi__Any good headless library exposes aria-expanded="true" on popover t... - Pasquale Vitiello
Any good headless library exposes aria-expanded="true" on popover triggers. Styling it for the pressed state significantly improves the look and feel
@pacovitielloLove this subtle keyboard shortcut animation in the @supercut_video... - Ridd
Love this subtle keyboard shortcut animation in the @supercut_video tooltip
@ridd_designThe magic of clip paths. Animated tooltip component in NextJS and @... - Seyi
The magic of clip paths. Animated tooltip component in NextJS and @mattgperry's motion.
@seyii___Day 3 of migrating to @base_ui <Tooltip /> ◇ Reliable boundary posi... - Vaun Blu
Day 3 of migrating to @base_ui <Tooltip /> ◇ Reliable boundary positioning ◇ Hover delay for the first tooltip and not following ones
@vaunbluSpatial Tooltip in @framer • inspired by @raunofreiberg - Tiago da Silva
Spatial Tooltip in @framer • inspired by @raunofreiberg
@usernametiagoOverengineered my tooltips - Florian
Overengineered my tooltips
@flornkm
Popover - Ilya · イリア
Popover
@ilyamiskovFancy status tags with glass bubble tooltips. - Camden @ Designownow
Fancy status tags with glass bubble tooltips.
@Designownow_just recreated this perfect minimalistic text selection tooltip in... - Framer University
just recreated this perfect minimalistic text selection tooltip in @framer remix it below and make it your own :)
@learnframerTooltips don't necessarily have to be boringly bound in a box, righ... - Jahanvi Singh
Tooltips don't necessarily have to be boringly bound in a box, right? Fiddling around with some code @nextjs
@me_JahanviiOS Tooltip made with CSS - Florian
iOS Tooltip made with CSS
@flornkmRedesigned Tooltips for my new personal site - Florian
Redesigned Tooltips for my new personal site
@flornkm
Just a tooltip - Hanif
Just a tooltip
@hanif_lhfzAnimated Tooltip ✧ Made with Tailwind and Motion React - LN
Animated Tooltip ✧ Made with Tailwind and Motion React
@ln_dev7Added the adjustment of the tooltip hover from the footer in dark m... - Eduard Bodak
Added the adjustment of the tooltip hover from the footer in dark mode. I'm always trying to use not too many different colors. I see pretty often design systems or styleguide whi...
@eduardbodak