Memorables

Hover & Cursor Effects

Hover & cursor effects under the pointer: buttons, links, images and custom cursors that react.

Hover effects are what a page does when the pointer passes over it: a button that swells, an image that comes to life, a link that changes. Cursor effects change the pointer itself. On a computer they are the first sign that a site is alive, and the best ones also hint at what a click will do. This page gathers hover and cursor effects from websites and product interfaces, made in Framer, CSS and code, by designers and developers such as Matt Ölschlegel, Kopp and Textures.

18 works by 15 creators, newest added 6 November 2026. Each is credited to the people who made it and links to the original.

All 18 Hover & Cursor Effects

  1. Liquid Arrow Button by Kopp — A gooey hover effect for a button, where metaballs let the arrow end pinch off into its own circle and melt back in, one of the copy-paste components of an interaction code library.
  2. Glyph Card Blue by Youssef — An ASCII story card for SwiftUI and the web from MetalForge, a shader library, where blank holes drift through a field of characters like weather on a map, one following the cursor.
  3. Reshaping Dock by Matt Ölschlegel — A dock navigation component for Framer that reshapes around its icons, the grey shape bulging like a droplet as the hovered well swells into a white disc and names itself.
  4. Fluid Orb Texture by Textures — Fluid Orb, a hover-reactive brand texture in light SVG, where halftone dots swell into a soft orb that drifts across a grid like a liquid, ready for a coding agent to add.
  5. textures.dev by Textures — Hover-reactive brand textures from the Textures library of animated components for coding agents, where bars, dots, stripes and cylinders each answer the cursor in a different way.
  6. Vercel Halloween Logo by Vercel — A Halloween easter egg in the vercel.com header, a hover logo animation where the triangle turns into a costumed 3D browser window, a ghost, a devil or a bat, a new one at each pass.
  7. Vaultline Cards by Batuhan Kara — Landing page feature cards for Vaultline, a data access product that scans warehouses and SaaS apps for copies, each tilting toward the cursor as a scan or an access grid lights up.
  8. Kayaks on the Water by Lagan Bansal — An interactive animated illustration made from a watercolour turned into digital water, where two kayaks paddle across the painted lake and ripples spread under the cursor.
  9. Feedback You Can Pick Up by Alim Joldaspayev — A chat interface micro-interaction for client feedback, where the words of a request are picked up one by one from the message and dropped into the reply as a quote.
  10. CrumpledPaper Reveal by Matt Ölschlegel — A free Framer component that turns any image into a crumpled sheet of paper, smoothing it flat on hover with its creases still showing, then balling it back up.
  11. Liquid Storage by Alim Joldaspayev — A storage widget UI component in dark mode where each file type is a coloured liquid in one tube, so hovering a band makes it bulge and cleaning the cache visibly drains it.
  12. Today Mascot by Nicolas Mariotti — An interactive mascot for Today, a living globe that stretches, compresses and drifts with the physics of the cursor, its mood carried by motion rather than a face.
  13. Click but Spiderman by Özer Gökalpsezer — A playful click micro-interaction where a Spider-Man hand cursor shoots a web that sticks to the button, stretches and snaps, the half-second after a click turned into a gag.
  14. Book a Liquid Call by Val Guerra — A liquid hover effect for a Book a call button, built on metaballs so the pill bulges toward the cursor like a drop of water, then snaps back with a soft pink and blue glow.
  15. Ringwriter by Edoardo Lunardi — An interactive kinetic typography experiment drawn in a single draw call, where text coils around rings spinning at their own speeds, melting into dots near the cursor, rippling on release.
  16. Human, Meet Agent by Linear — A landing page for Linear for Agents that follows a lesson in motion, the bigger an element the slower and heavier it moves, as a flock of cursors drifts toward a reaching hand.
  17. Atlas Scrub on Hover by Atlas — Video scrubbing on hover in Atlas, the Mac app for collecting visual references, where gliding over a moodboard of saved clips plays through them and ⌘⇧S keeps the frame as a still.
  18. Animated Checkbox by Osmo — An animated checkbox UI component built with semantic HTML and CSS only, so it drops into any form, where each orange box springs as it is ticked and its checkmark draws itself in.

Featuring work by

Matt Ölschlegel, Textures, Alim Joldaspayev, Kopp, Youssef, Vercel, Batuhan Kara, Lagan Bansal, Nicolas Mariotti, Özer Gökalpsezer, Val Guerra, Edoardo Lunardi, Linear, Atlas, Osmo.

Related topics

Browse by category

Topics