nowfound

Dev tools · alternatives · 2026

CP

24 alternatives to CSS-powered hover-animations library

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…

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS-powered hover-animations library launched in 2021; newer entries below may have overtaken it.

  1. 1
    A visual guide to the most popular CSS properties▲1,117

    CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

    2016 · cssreference.io · its alternatives →

  2. 2
    Picnic CSS▲131

    A beautiful CSS library to kickstart your projects

    2016 · picnicss.com · its alternatives →

  3. 3
    Picnic.css, a lightweight Bootstrap alternative▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

    2014 · picnicss.com · its alternatives →

  4. 4
    Tailwind Animations▲132

    Beautiful copy + paste Tailwind CSS animations in seconds

    2023 · tailwindanimations.co · its alternatives →

  5. 5TA
    Tuesday, a new open-source CSS animation library▲18

    2015 · shakrmedia.github.io · its alternatives →

  6. 6
    CSS Wand▲330

    Easy copy-paste beautiful CSS animations

    2019 · csswand.dev · its alternatives →

  7. 7
    Animate.css▲191

    Just-add-water CSS animations

    2014 · daneden.github.io · its alternatives →

  8. 8
    Gradient Buttons▲171

    Beautiful buttons with hover animations

    2017 · gradientbuttons.colorion.co · its alternatives →

  9. 9
    Epic Spinners▲232

    Easy to use css loading animations with vue.js integration

    2018 · epic-spinners.vuestic.dev · its alternatives →

  10. 10BJ
    Bounce.js – A tool for generating CSS3 animations▲172

    2014 · bouncejs.com · its alternatives →

  11. 11
    CSS Animation Cheat Sheet▲232

    Awesome CSS3 plugin for spiffy animations

    2014 · justinaguilar.com · its alternatives →

  12. 12
    Pattern.css▲197

    CSS library to fill empty background with beautiful patterns

    2020 · github.com · its alternatives →

  13. 13M2
    My 24-hour project, instacss.com▲90

    http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss

    2011 · instacss.com · its alternatives →

  14. 14
    cattocss▲88

    CSS animations library

    2022 · cattocss.com · its alternatives →

  15. 15
    Transforms in CSS▲117

    Free eBook for learning to code animations

    2016 · get.oreilly.com · its alternatives →

  16. 16
    CSS Toolkit▲161

    Crazy interactive CSS animation builder (Mac)

    2014 · apps.apple.com · its alternatives →

  17. 17
    Bounce.js▲120

    Create tasty CSS3 powered animations in no time

    2014 · bouncejs.com · its alternatives →

  18. 18
    I wrote a book about Debugging CSS▲137

    An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.

    2020 · debuggingcss.com · its alternatives →

  19. 19
    Pure CSS Hover Buttons▲7

    Animated buttons made in SCSS/CSS

    2017 · varin6.github.io · its alternatives →

  20. 20
    CSS GUI▲72

    Create CSS without code by an open source tool

    2022 · cssgui.com · its alternatives →

  21. 21
    Hover – IDE style hover documentation on any webpage▲58

    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 →

  22. 22
    Move Things With CSS▲102

    An ebook for learning CSS animations and transitions

    2020 · jh3y.gumroad.com · its alternatives →

  23. 23
    CSS Triggers▲80

    A game of layout, paint and composite

    2014 · csstriggers.com · its alternatives →

  24. 24
    xmorphic – physics-based realistic CSS generator▲36

    Modern skeuomorphic, glassmorphic, and neumorphic CSS generator

    2023 · xmorphic.dev · 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 →