Anime.js is 10 years old! 🎂🎉 A short thread about the current state of the lib, an update on the course, a few personal things, and a glimpse of what's next (hint in the video). 1/22 👇🧵

Frustrated with #CSS stuff? You can fill in the State of CSS survey & list your pain points when working with it. survey.devographics.com/en-US/survey... You can be sure I took the opportunity to list the pesky line-clamp, text-stroke, the old background-clip bugs, the lack of filter() support...

State of CSS 2026

Take the State of CSS survey

survey.devographics.com

Cloudflare has acquired Vite / VoidZero This gives Cloudflare control over the entire stack. They have all the primitives from frontend/backend framework, linting, testing, formatting, JS runtime, db, kv, inference, blob storage, access, etc... smart move! blog.cloudflare.com/voidzero-joi...

For ScrollTimeline-driven animations the `normal` shorthand expands to an animation-range-start of 0% and animation-range-end of 100%. For ViewTimeline-driven animations, it means `cover 0% cover 100%` indeed Also see ep4 of my Scroll-Driven Animations video course: www.youtube.com/watch?v=L1pG...

Core Concepts: Timeline Ranges Demystified | Unleash the power of Scroll-Driven Animations (4/10)

YouTube video by Chrome for Developers

youtube.com

Would use: #CSS relative alpha `color: alpha(from black / 50%)` nerdy.dev/relative-alpha

Relative Alpha · May 27, 2026

Would use: CSS relative alpha . button { border-color : alpha(from hotpink / calc (alpha * .25) ); }

nerdy.dev

IntentToShip@intenttoship.dev · 2mo ago

Blink: Intent to Ship: Relative Alpha Colors (CSS Color 5 alpha() function)

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.

New on the Squarespace Engineering Blog! Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy-Loading to Today’s Browsers. I'm real proud of the teamwork that went into this. Stay tuned for part 2 next week, which will cover dev best practices for using this new HTML standard.

Squarespace & Web Standards: How We Helped Bring HTML Video & Audio Lazy Loading to Today’s Browsers — Squarespace Engineering Blog

At Squarespace, many of our core products are built on web standards, and our engineers are constantly pushing the boundaries of the web’s capabilities. Occasionally, those boundaries reveal a limitat...

engineering.squarespace.com

And just like that, we're down to two @joshwcomeau.com @tolin.ski

how to make #CSS view transitions swoop or have motion blur or how I learned to help view transitions not always go in straight lines ⤷ nerdy.dev/swoop-there-...

View Transitions can swoop‽ · March 7, 2026

How to make View Transitions not always a straight line

nerdy.dev

Adobe Animate/Flash to Rive. We've been making progress on our converter. This one is an old Formula 1 file from our team.

I noticed a sudden spike in the number of weekly downloads — from 2k to 500k — of my package to calculate the CSS specificity of a selector. www.npmjs.com/package/@bra... Turns out the wonderful jsdom started depending on it a week ago 😊 www.npmjs.com/package/jsdom

Less JavaScript, more HTML. The new <geolocation> HTML element handles permission states and blocked permission recovery for you. Just add the tag, listen for the location event, and let the browser handle the rest→ goo.gle/4pPXZFK

I've been experimenting with an upcoming CSS feature called border-shape lately. It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs! Try it in Canary w/experimental web platform features on, & read more: una.im/border-shape

una.im | border-shape: the future of the non-rectangular web

Learn about new geometry capabilities with this game-changing experimental CSS feature.

una.im

What do these API have in common? * WebTransport * Keyboard Lock API * Grid Lanes w/ flow-tolerance * Threaded scroll-driven animations * WebAuthn PRF extension * ReadableByteStream * Blob.stream() with BYOB reader * Name-only @container queries * min(), max(), and clamp() in <img> sizes attribute

Animate/Flash FLA to Rive importer using FLA sample files that come with Animate

The CSSWG just resolved to add this to the spec 🥳 github.com/w3c/csswg-dr...

[css-flexbox-2] Add flex-wrap: balance; · Issue #3070 · w3c/csswg-drafts

We discussed having a flex-wrap:balance value, similar to text-wrap:balance, to even out the length of pre-flexed lines. We should add to level 2.

github.com

Una Kravets@una.im · last yr.

Introducing 🤯 flex-wrap: balance 🤯 Would you use this? ⚠️ Not a real feature yet, just something one of our engineers has been working on. (You can try it out in the latest Chrome Canary with the experimental web platform features flag though!)

#CSS `@custom-media` available behind a flag in Firefox Nightly 🤘🏻 Lovely syntax, just lovely. nerdy.dev/custom-media

And yet, the only way I was able to build this UI was by giving the AI the right answer, telling it to use subgrid instead of `display: contents`. If I didn’t understand the mechanisms and limitations of CSS Grid layout myself, I wouldn’t have been able to provide this guidance.

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!

My favourite CMS gets in bed with my favourite framework. 🥳

Brandon Kelly@brandonkelly.io · 10mo ago

We just posted about it! craftcms.com/blog/laravel

@craftquest.io @craftcms.com @travisgertz.bsky.social @brandonkelly.io Hey, missed my flight to Lisbon 😏 What’s up with Craft 6 x Laravel? How long are y’all gonna keep us in the dark?

a man peeking out from behind a lush green field of grass

Alt: a man peeking out from behind a lush green field of grass

media.tenor.com

Announcing TresJS v5.0 🎉 Our proudest release so far. Declarative @threejs.org for @vuejs.org gets a major upgrade: ✨ WebGPU experimental support 🛠️ New create-tres CLI tool ⚡ Re-imagined context 🔧 Refactored composables Ready to build the future of 3D on the web?

🙋 have you ever _wanted_ to deploy a @nuxt.com site to some provider bc of their features/dx/price but decided not to because of a limitation in nuxt? (would love to know even minor nitpicks or frictions)

Nuxt UI v4 it out ✨ It unifies Nuxt UI and Nuxt UI Pro into a fully open-source library with: - 100+ components - 10+ free templates - Figma Kit for everyone nuxt.com/blog/nuxt-u...

Nuxt UI v4 · Nuxt Blog

Nuxt UI v4 unifies Nuxt UI and Nuxt UI Pro into one powerful, completely free library. With over 110 components, 12 templates, and a comprehensive Figma kit, all of this is available for free.

nuxt.com

IE was right all along

Syntax@syntax.fm · last yr.

A CSS property from IE6 is now standardized... and actually pretty useful?

I'm delighted to announce my latest project ⚡️ blazing fast 📦 built from scratch for devs 🎛️ offering full control of your environment 💰 VC funding welcome accept no imitations

Dev Mode - Toggle Your Developer Environment

Easily turn dev mode on and off from one single site.

dev-mode.dev

Amazing read about vectorial blur and feathering from the Rive app team. rive.app/blog/how-riv...

Reinventing feathering for the Vectorian era

The unfiltered story behind breaking free from rigid, outdated specs and building the first true vector feather.

rive.app

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 · last yr.

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!

Hey @romanmars.bsky.social, are you still learning about con law? Or are you too… "immersed" in it since November that even talking about it over a microphone is just too depressing? 🥲

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...