Dev tools · alternatives · 2026
24 alternatives to 100 CSS Hover Effects
Copy-paste CSS hover animations for nav links & text
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
- 2
- 3CC
2019 · cssfx.dev · its alternatives →
- 4
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 5
Its Hover▲293Icons that move and react mirroring user intent
Jan 2026 · itshover.com · its alternatives →
- 6
Gradient Buttons▲171Beautiful buttons with hover animations
2017 · gradientbuttons.colorion.co · its alternatives →
- 7
Hover Preview▲119Preview your HTML elements on Hover VsCode
2024 · marketplace.visualstudio.com · its alternatives →
- 8
Use this tool to grab the code of nice CSS effects
2022 · xsgames.co · its alternatives →
- 9
Beautiful copy + paste Tailwind CSS animations in seconds
2023 · tailwindanimations.co · its alternatives →
- 10
CSS Scan 3.0▲256The fastest and easiest way to check, copy and edit CSS
2022 · getcssscan.com · its alternatives →
- 11
Hover States▲135New, interesting, and weird in web and design
2016 · hoverstat.es · its alternatives →
- 12
I thought it would be interesting to have ID style hover docs outside the IDE. Hover is a Chrome extension that gives you IDE style hover tooltips on any webpage: documentation sites, ChatGPT, Claude, etc. How it works: - When a code block comes into view, the extension detects tokens and sends the code to an LLM (via OpenRouter or custom endpoint) - The LLM generates documentation for tokens worth documenting, which gets cached - On hover, the cached documentation is displayed instantly A few things I wanted to get right: - Website permissions are granular and use Chrome's permission…
Jan 2026 · github.com · its alternatives →
- 13HE
Hey HN, I recently built a small TypeScript utility called `hover-effects-ts` — it adds fun and experimental hover effects to images using the HTML canvas. You can apply effects like ASCII art, Lego blocks, glitch distortion, and pixelation on hover. The goal was to break away from boring `:hover` transitions and bring some delightful visual feedback to personal websites, landing pages, or error screens — while keeping it lightweight and performance-friendly. Why I built it: I found most image hovers visually bland, and wanted something weird but still dev-friendly. I used canvas to keep the…
2025 · npmjs.com · its alternatives →
- 14
- 15
Awesome CSS3 plugin for spiffy animations
2014 · justinaguilar.com · its alternatives →
- 16IE
2016 · bennettfeely.com · its alternatives →
- 17
Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
2022 · getcssscan.com · its alternatives →
- 18
- 19HP
2015 · hovercards.com · its alternatives →
- 20CP
Hello, I've created a CSS-library called sunset.css. If offers a collection of (hopefully) useful CSS-powered hover-animations and also some animations that react to clicks instead. It's my first open-source project so I try to make everything right: * I created a npm-project so it is available on npmjs and CDNs * I created a public github-repository with a wiki for documentation * I created a landing page to show off the animations I'd love to here some feedback about all of this! :) Here are the links: https://github.com/philippwilhelm/sunset.css…
2021 · its alternatives →
- 21
Curated collection of 82 free beautiful box-shadow 🎨
2020 · getcssscan.com · its alternatives →
- 22
Show don't tell - video hovers for your website content
2025 · preview--hovered.lovable.app · its alternatives →
- 23
- 24
Animated buttons made in SCSS/CSS
2017 · varin6.github.io · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →