Motion AI Kit 6 unifies all skills into a single easy-to-remember /motion:
"/motion make these photos into a carousel"
"/motion generate a bouncy css spring"
"/motion performance audit the homepage"
"/motion eli5 useTransform"
Just put together a new temporary portfolio.
Nothing overdesigned, just a simple way to showcase some recent work and experiments around motion and interaction.
→ yanislebzar.com ←
Available for freelance projects starting in July.
Would love to hear your thoughts
This animation feels almost alive, so intuitive, so natural, like it's breathing 🤯. It's @stripe's landing page gallery, rebuilt in today's session. And @motiondotdev made it genuinely effortless, as always 😙🤌
Anime.js 4.5 is out and it's a fun one:
Introducing the @threejs adapter 🎉
- Up to 50% less code for 3D animations
- CSS transform-like API for 3D objects (rotate, skew…)
- Simpler material color animations
- Easy instanced mesh animations
- Stagger 3D
And so much more! ⬇︎
i've been building things for developers for a long time which means i have a lot of experience with api design
but LLMs are making me reset a bit
instead of neat simple APIs it's probably worth trading that off for more powerful APIs
DialKit 1.3 is live!
- Stable IDs for sharing DialKit state across pages
- Persistent values, presets, and panel state
- Programmatic getters and setters
- Multiple DialKit instances now combine into one panel
- Bug fixes and perf improvements
› 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝
Our favourite effect in Motion+ Curtains is probably "pixels". It lets you customise the pixel size, wipe angle, and noise. Noise in particular lets you be quite creative, finding a balance between a hard uniform edge and a bubblier texture.
The "clipWipe" effect in Motion+ Curtains uses a clip-path to animate a wipe - this allows the wipe to contain content like a video etc, but also allows for this customisable bow/tug effect.