3 ms·
Show HN: 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
https://sunsetcss.com
--------------
I have hidden the original post, because it didn't follow the rule to add "Show HN".
- lrossi 6y agohttps://sunsetcss.com/ https://sunsetcss.com/ has some nice demos. I liked most the wobble: it works great for giving feedback on error when a button cannot do something. However I would not use many of these effects. You are showing them in terms of their implementation, instead of functionality/use case. My advice is to offer ready to use effects tailored for specific usecases. Maybe also combine with popular frameworks; Tailwind combined with this might be interesting.
- sunset_css 6y agoThanks for your feedback! It is really helpful.
- ironmagma 6y agoVery cool. I can tell you put a lot of work into this library, because the code does not seem to be generated as I would've expected. One thing that would be nice is if there was a version we could pull into a React project such that only the relevant effects/widgets have their code added to the bundle size. Webpack does handle dead code elimination automatically, so this could be leveraged. In most cases, I would probably only want one or two widgets. The hamburger menu animations are genius.