easings.net
pnotify
Our great sponsors
easings.net | pnotify | |
---|---|---|
110 | 1 | |
7,485 | 3,649 | |
- | 0.1% | |
4.2 | 0.0 | |
about 1 month ago | over 1 year ago | |
CSS | HTML | |
GNU General Public License v3.0 only | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
easings.net
-
2024 Cheat Sheet Collection
Easings: When working with animations and transitions, Easings provides a comprehensive cheat sheet for various easing functions, allowing developers to visualize and choose the perfect timing curve for their projects.
-
My favourite animation trick: exponential smoothing
Something like this: https://easings.net/#easeOutExpo
The resource I come back to often for animation curves:
- Show HN: Tweening web visualisation, in Rust – (WASM)
-
Show HN: Improve cognitive focus in 1 minute
Very timely and helpful, thank you!
A suggestion: the pulse animation would look much better with ease-in / ease-out animation curves instead of the harsh linear curve it's currently using. EaseInOutSine from this cheat sheet would do fine: https://easings.net/
-
ZoomVideoComposer with UI
Play around with the easing functions, and zoom direction.
-
All possible tweening transition types and easing types.
https://easings.net/ is a classic resource too, with the math attached.
-
Animate your SVG text with animejs (and Vue)
I wanted to add a little "bouncing" at the beginning and the end of the animation of every letter. If you want to test different easing functions on your own, I recommend easings.net.
-
legal question about maths formula I found on a GPLv3 licenced website.
Sorry if my question sounds dumb : I found the website https://easings.net/ with easing functions maths formulas, the github repository is under GNU General Public License v3.0 licence (https://github.com/ai/easings.net/blob/master/LICENSE).
pnotify
-
CSS Deep
sciactive/pnotify - JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.
What are some alternatives?
toastr - Simple javascript toast notifications
React Notification System - A complete and totally customizable component for notifications in React
noty - ⛔️ DEPRECATED - Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog.
humane-js - A simple, modern, browser notification system
novu - 🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀
messenger - Growl-style alerts and messages for your app. #hubspot-open-source
notie - 🔔 a clean and simple notification, input, and selection suite for javascript, with no dependencies
notifIt! - Simple colorful animated notifications with JQuery. It never has been easier to create a notification.
Gutenberg - Modern framework to print the web correctly.
smoke.js - framework-agnostic styled alert system for javascript
iziToast - Elegant, responsive, flexible and lightweight notification plugin with no dependencies.
Marx - The classless CSS reset (perfect for Communists).