Lightnews — Scholar-powered news

Anime.js @animejs.com · 3d

Release notes: github.com/juliangarnie...
Docs: animejs.com/documentation/

New features SVG createMotionPath(): Add an offset parameter (#1037) (@TheHyrox) Draggable createDraggable(): Add a dragThreshold parameter (#1091) (@craig-jennings) Changes Timer, Animati...

github.com

1

Anime.js @animejs.com · 3d

Anime.js 4.2.1 is out with a bunch of small fixes and new features:

🐍 Motion Path: Add an offset parameter
👇 Draggable: Add a drag threshold parameter for mouse and touch
✏️ Documentation: You can now export and edit the 450 example demos on
@codepen.io
in one click!

1 7

Anime.js @animejs.com · 8d

I forgot to mention that every easing can also be used in pure CSS, no JS required, including the spring curves!

1 2 13

Anime.js @animejs.com · 11d

Easing editor: animejs.com/easing-editor/
Release notes: github.com/juliangarnie...

Easing editor

Visualize, configure and generate JavaScript and CSS spring and easing functions with the official Anime.js Easing Editor

animejs.com

2

Anime.js @animejs.com · 11d

I'm particularly happy with the new spring system, big thanks to Kevin Grajeda for digging up the SwiftUI equations for converting bounce and perceptual duration 🙏, that helped a lot www.kvin.me/posts/effort...

1 6

Anime.js @animejs.com · 11d

Anime.js 4.2.0 is out!

🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!

Plus tons of fixes and improvements!

2 12 46

Anime.js @animejs.com · Aug 12

Anime.js 4.1.3 was just released with lots of small bug fixes. I'm particularly happy with the improved tween composition accuracy. Handling multiple overlapping animations on the same target is much more complex than you'd expect.

Release notes: github.com/juliangarnie...

2 9

Reposted by Anime.js

Julian Garnier @julian.gr · Jul 25

Moar splits codepen.io/juliangarnie...

2 8 72

Anime.js @animejs.com · Jul 24

Release notes: github.com/juliangarnie...
@codepen.io examples: codepen.io/collection/P...

2

Anime.js @animejs.com · Jul 24

Introducing text.split(), Anime.js's take on text splitting:

- Split words in any language (🇨🇳, 🇯🇵...)
- Responsive line splitting
- Clone and wrap elements
- Custom HTML template
- Easy animation management
- Debug mode

And much more!

Check out the new docs animejs.com/documentatio...

1 3 19

Anime.js @animejs.com · Jul 14

Coming soon

15

Anime.js @animejs.com · Jul 7

Over 1 million monthly page views! Traffic has surged since v4's release, and I've just expanded Platinum sponsor visibility to every documentation page. If your company or agency is looking for great exposure, it's never been a better time to sponsor Anime.js → github.com/sponsors/jul...

7

Reposted by Anime.js

Julian Garnier @julian.gr · Jun 3

Anime.js website is nominated for website of the month on awwwards! Your vote can greatly help the project to gain recognition, thanks for your support! www.awwwards.com/awards-of-th...

Awwwards Nominees

The eight highest-scoring sites each month are nominated for “Site of the Month” and reviewed by the jury a second time

www.awwwards.com

3 14

Reposted by Anime.js

Julian Garnier @julian.gr · Apr 10

It's decided, I'm making a course!

I'll explain how the new Anime.js website was created by recreating the entire landing page from scratch, while sharing all the animation tricks and techniques I've learned throughout the years.

Join the waitlist here: animejs.com/learn/

Thank you! ❤️🙏

11 20 230

Anime.js @animejs.com · Apr 7

Thanks! Yes, lots of iterations, but really happy with the result!

1

Anime.js @animejs.com · Apr 7

Migration guide + release notes for v4.

The release notes simply list the new API features and biggest changes, with links to the docs for each section.

Migrating from v3 to v4: github.com/juliangarnie...

v4 release notes:
github.com/juliangarnie...

6

Anime.js @animejs.com · Apr 6

👌

1

Reposted by Anime.js

David Lapointe Gilbert @david.click · Apr 3

More performant than other anim libraries out there! It beats Motion in 99% cases, WAAPI in lots of cases yet Julian added an api layer to facilitate its usage, and toes to toes with gsap - outperforming it in many cases like interacting with other libraries like three.js 🔥🔥

Anime.js @animejs.com · Apr 3

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

1 2 9

Anime.js @animejs.com · Apr 3

Thank you ❤️

Anime.js @animejs.com · Apr 3

And the new docs! animejs.com/documentation/

Documentation

An fast and versatile JavaScript animation library

animejs.com

1 21

Anime.js @animejs.com · Apr 3

After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!

28 90 530

Anime.js @animejs.com · Mar 28

Anime.js v4 will be released next week, and there's never been a better time to become a sponsor. Major releases drive huge traffic spikes, so if you want to promote your product or company during v4 launch and new landing page unveiling, check out my GitHub sponsor page!

github.com/sponsors/jul...

4 17

Anime.js @animejs.com · Jan 6

🙏

Anime.js @animejs.com · Jan 3

Just released Anime.js v4.0.0 RC 1 for my GitHub sponsors!
Mainly small fixes and improvements for the Draggable API, such as the possibility to scroll inside a draggable element on touch devices.

Public v4.0.0 coming soon.

Happy new year everyone!

1 1 17

Anime.js @animejs.com · Dec 19

Anime.js Beta 106 is out and completes the `animate()` and `waapi.animate()` APIs!
Really happy with the amount of features packed in only 10KB and 3KB respectively!

Available in early access to all my monthly GitHub sponsors! github.com/sponsors/jul... ❤️

Next up: v4.

1 2 17