Tag inspiration archive

Hover State Design Inspiration

Curated collection of 71 standout UI, motion, and interaction designs tagged with "Hover State" from creators on X.

pixelated hover animation UI - Adi

pixelated hover animation UI

@AdityaSur11

Interactive card for my portfolio update. - Kons

Interactive card for my portfolio update.

@konsfyi

3d hover card - Adi

3d hover card

@AdityaSur11

Mac doc style Testimonial Interaction - Adi

Mac doc style Testimonial Interaction

@AdityaSur11

This is one of my favourite components /interactions from the last... - Till Janek

This is one of my favourite components /interactions from the last few weeks.

@tilljanek

genie effect for my portfolio - vishesh

genie effect for my portfolio

@madebyvishesh

Simple contact interaction - Adi

Simple contact interaction

@AdityaSur11

hover state - jamie

hover state

@byJWXN

Cooked up this Apple style hover animation. How smooth does it feel? - Vansh

Cooked up this Apple style hover animation. How smooth does it feel?

@vansh1029

Another shader! It's a impasto texture inspired by @yoneyamai's UV... - Bill (Yiqi) Guo

Another shader! It's a impasto texture inspired by @yoneyamai's UV prints and the dappled light on http://microsoft.ai’s homepage.

@loficosmos1

Footer exploration @outpacestudios Made with @rive_app - Roshan

Footer exploration @outpacestudios Made with @rive_app

@rolledpipe

Link interactions created in Figma Make - Adam

Link interactions created in Figma Make

@_adamboyle

Exploring Hover animations in framer - Adi

Exploring Hover animations in framer

@AdityaSur11

nested menu + super-hover! - daniel petho

nested menu + super-hover!

@nonzeroexitcode

Two-step menu — Made in Framer Link below. - Till Janek

Two-step menu — Made in Framer Link below.

@tilljanek

Dot matrix Hover animation - Adi

Dot matrix Hover animation

@AdityaSur11

hovermaxxing - chance

hovermaxxing

@chancegraham

Cute hover interaction - Adrian Daniluk

Cute hover interaction

@danilukstudio

been exploring representing collections of photos as little books (... - Peter Damrongpiriyapong

been exploring representing collections of photos as little books (also sneak peek of a photo gallery app thing ive been tinkering with)

@peterdpong

Finally, we can bid farewell to the ugly native tooltip - zanwei.guo

Finally, we can bid farewell to the ugly native tooltip

@zanweiguo

Spent 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

@marvinkennis

Folder animation made in framer thoughts? - Adi

Folder animation made in framer thoughts?

@AdityaSur11

little sneak peek who wants access to portfolio.md? - vc

little sneak peek who wants access to portfolio.md?

@verycracked

hello, I updated my site, feels more, me. http://ja.mt - Jace

hello, I updated my site, feels more, me. http://ja.mt

@JaceThings

Sidebar draft with nested submenus – built in Framer - Till Janek

Sidebar draft with nested submenus – built in Framer

@tilljanek

Card interaction - Moiz Arshi

Card interaction

@MoizArshi29

Folders. Photos. Animation. Built this interaction with GSAP If you... - Shrushti

Folders. Photos. Animation. Built this interaction with GSAP If you’re into creative frontend development, learn GSAP. Seriously.

@shrshhez

Love these dot patterns, playing with hover and click transitions - Zsolt Kacso

Love these dot patterns, playing with hover and click transitions

@kaolti

new interactive way to present your team. Inspired by the team sect... - Léo

new interactive way to present your team. Inspired by the team section of Omou app by @justin_schueler

@leouiux

Text reveal animation & tooltip cards - Nacho Gavilanes

Text reveal animation & tooltip cards

@Nacho_Gavilanes

been working on this since Jan, finally satisfied but it'll always... - Kai

been working on this since Jan, finally satisfied but it'll always be a wip check it out http://ikeacrisp.com

@ikeacrisp

Liquid functionalism? Variable font weight and icon stroke + snappy... - Micka

Liquid functionalism? Variable font weight and icon stroke + snappy BG hover

@micka_design

Iterating on it since yesterday, 1st class ticket created Btw I'm u... - Dimitar

Iterating on it since yesterday, 1st class ticket created Btw I'm using @paper shaders for react

@dimitroweb

When I first opened Framer, I was drawing rectangles. Then I asked... - Sergey Bertagnini

When I first opened Framer, I was drawing rectangles. Then I asked myself: What if every image could breathe? I built Liquid Ascii because I believe design isn’t just what you see...

@sergyproject

something special for members of the vercel for startups program -... - JohnPhamous

something special for members of the vercel for startups program - shader that's lazily loaded on hover - shader makes a looping triangle pattern collab with @williambout, designe...

@JohnPhamous

rate this hover :3 - ivor ^-^

rate this hover :3

@_zuji

On a mission to make buttons that stand out. - For this one, I play... - Camden @ Designownow

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?

@Designownow_

In case you don't know the hover forgiveness just found out its rea... - Guri

In case you don't know the hover forgiveness just found out its really cool

@Gur__vi

progressive css-only pagination indicators w/ anchor positioning na... - jhey ʕ•ᴥ•ʔ

progressive css-only pagination indicators w/ anchor positioning nav::before { position-anchor: --h; } nav::before { left: anchor(left); } a:hover { anchor-name: --h; } use the na...

@jh3yy

avatar + copy link interaction. the avatar you hover on will move o... - Ayomidé Daniel

avatar + copy link interaction. the avatar you hover on will move on top and icon translate with a subtle blur to a check to give instant feedback.

@aydahnizzy

Review card hover effect - Shater Tsavsar ⚡︎

Review card hover effect

@Tsavsar_

my twist on this one - uses a mac dock-style menu for each avatar o... - Neesh

my twist on this one - uses a mac dock-style menu for each avatar on hover https://x.com/aydahnizzy/status/1978134350907531774…

@Neesh774

This week in Osmo in Use, we’re featuring Get Hyped, build by Dylan... - Osmo

This week in Osmo in Use, we’re featuring Get Hyped, build by Dylan Brouwer and Kevin Masselink. Here’s what he used: 1. Play Video on Hover (Lazy) 2. Live Form Validation (Advanc...

@osmosupply

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

@vaunblu

exploring details on hover/click effects @ClerkDev - George

exploring details on hover/click effects @ClerkDev

@djordjevanjek

Hover Exploration №002 - Matt Hall

Hover Exploration №002

@KomboMatt

Hover transitions seen tens, maybe even hundreds of times a day can... - Emil Kowalski

Hover transitions seen tens, maybe even hundreds of times a day can make your interface feel slower. Make them snappy by removing the transition altogether.

@emilkowalski_