Pinned
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"
00:00
Motion
1,099 posts
Motion
@motiondotdev
- Motion reposted
Codex from @OpenAI now features a very nice interaction for navigating within your chat. I first saw a similar component on @linear, so I thought "Why not?" This is around 180 lines of code, and as always with @motiondotdev, it's easy as pie🤌😙
00:00 - Motion reposted
00:00 - Motion reposted
SVG morphing is so easy with Motion for React, this literally took like 3 lines of code idea is to add `𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗` prop to a `𝚙𝚊𝚝𝚑` of an SVG ...and motion takes care of the rest Talked about this in my latest videoShipping tiny detail improvements to 𝕏 between World Cup games
00:00 - They dropped a full animation editor directly in Figma. And the best part? It can export real Motion code. Get started with our guide: motion.dev/docs/figma
- You can now save your favourite Motion examples to your profile! Our new filter allows you to check out all your favourited examples in one place.
00:00 - Motion reposted
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
00:00 - Motion repostedThis 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 😙🤌
00:00 - Motion reposted
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! ⬇︎
00:00 - Motion reposted
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 › 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝
00:00 - 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.
00:00
