Motion @motiondotdev
A modern animation library for React and JavaScript motion.dev Amsterdam Joined March 2009-
Tweets192
-
Followers4K
-
Following1
-
Likes161
A little preview of the animated menu I built using @motiondotdev x @nuxt_js for my upcoming portfolio 🧡 Sharing a short video to show how the menu looks so far 👇
By default, a carousel should paginate as many items as possible. But with a non-looping carousel you sometimes end up in the situation where you've got a this kind of straggler page. 🧵 [1/2]
Super excited to welcome @sanity_io as the newest Motion sponsor! Sanity have been longtime users of Motion and it's amazing they're helping support its future as a platinum sponsor.
infinite scroll cards effect built with @motiondotdev, tailwind and lenis
I have two rules for carousel pagination controls. 1. A "page" is calculated from the current item to the start of the next partially-obscured item. 2. Use the current *target* offset, not the current visual offset, to find the next partially-obscured item 🧵
🚀 New example: Floating target This one combines a whole bunch of APIs, Motion+ Cursor, usePointerPosition, useSpring, useTransform, variants, the whole lot examples.motion.dev/react/cursor-f…
🚀 New example & tutorial: Card stack Honestly my favourite part of making this demo was realising: rotate = mix(min, max, Math.sin(index)) Nice SSR-safe alternative to Math.random() that actually provides a nicer distribution of rotations through the stack.
I had a question on the Motion+ Discord about how you'd create port this GSAP ScrollTrigger effect to Motion. My intuition was - you don't! Totally doable with CSS position: sticky. There's a little trick in here with position: relative too.
This weekend, one of my seniors showed me a smooth OTP animation posted by @benjitaylor , so I came up with taking inspiration from it and took a challenge (as Machine Code 🧑💻 ) to implement the animation in CodeSandbox with @motiondotdev and @reactjs . #FrontEnd #animation
🚀 Just published a new example: Cursor Trail No need to wire your own pointer events: usePointerPosition() in Motion+ returns x/y motion values powered by a single site-wide event handler, throttled to the frameloop. examples.motion.dev/react/cursor-t…
Crazy how last year I was giving talks about animation performance… And now I’m chatting with the guy who built one of the most powerful animation tools on the web 😮💨🔥 @motiondotdev Big love to Matt Perry , this one’s for the animation nerds. 🎥 bit.ly/4lw2bcm
Crazy how last year I was giving talks about animation performance… And now I’m chatting with the guy who built one of the most powerful animation tools on the web 😮💨🔥 @motiondotdev Big love to Matt Perry , this one’s for the animation nerds. 🎥 bit.ly/4lw2bcm
I wanted the drag and drop experience to feel more organic. @motiondotdev made it too easy. It honestly feels like cheating 😆 I still need to properly configure the spring tho. Doesn't feel natural yet.
🚀 New Motion+ example: Scroll Highlight Use Motion's inView function to highlight items as they hit a certain point in the viewport. Built on IntersectionObserver, it's more performant than scroll tracking.
Many thanks to Build UI for supporting Motion from the very start 🙏 Now that BuildUI is winding down we're looking for new sponsors! Support Motion, get your brand in front of over 100k developers a month, and receive Motion+ for your whole team: motion.dev/sponsor
Many thanks to Build UI for supporting Motion from the very start 🙏 Now that BuildUI is winding down we're looking for new sponsors! Support Motion, get your brand in front of over 100k developers a month, and receive Motion+ for your whole team: motion.dev/sponsor https://t.co/NSrE68Q97G
Just dropped a new podcast episode with @mattgperry , creator of Motion (previously Framer Motion). If you care about web animations or frontend dev in general, you should give this one a listen. YT: bit.ly/4lw2bcm Spotify: bit.ly/3UaDZQs
Love the footer animation, with @motiondotdev.
Motion for VS Code now supports bezier curve editing for CSS, WAAPI and Motion! This is a Motion+ exclusive feature. Over the next few months I'd love to add some more tools like this. Anything you'd like to see?
Level up your animations in @code with the new Motion for VS Code extension! 📚 Add Motion docs to Copilot 🤖 Generate CSS springs 🤫 More non-AI dev tools coming soon 🔗 marketplace.visualstudio.com/items?itemName…
Motion usage continues to explode on npm. Downloads have more than doubled in a year. BUT - site visitors are gradually trending downwards 🤔 Perhaps there's a summer lull but IMO these two trends are intuitively incompatible without a broader shift at play (you can guess)
Always in Motion. Stay up to date with the latest releases, Motion+ updates, releases and blog posts, all in one feed. motion.dev/updates
David K 🎹 @DavidKPiano
74K Followers 3K Following Making state machines at @statelyai · prev. @Microsoft · I play piano
Simon Vrachliotis @simonswiss
25K Followers 2K Following 🎓 Teacher: @laracasts 🤗 Indie courses: @protailwind & https://t.co/p1LgeRTQLw 🎙 Podcast: @the_navbar 🎬 YouTube: https://t.co/lc27U4c7yC
Sajid Abdullah Al Haf... @AlHafizSajid
0 Followers 9 Following
Jerry Zhu @jzhu97
55 Followers 1K Following
alexkmp @alexkmp
7 Followers 74 Following
Craig Francies @craigfrancies
1K Followers 594 Following Designer + Front-end Developer. Interested in all things design, code, tech, and F1 🏎
James Seymour-Lock @JamesSLock
8K Followers 2K Following 🇬🇧 British 👽 living in NYC 🇺🇸 🎨 Ex designer & FE dev 🌟 PM @RakutenUS & Partner @simpleasmilk
Mamuka @shifumusashi
42 Followers 160 Following Product Designer × Framer Expert Premium templates for creatives → @orbitx_supply
Тимофій Лей... @leitsyshyn
0 Followers 126 Following
Tijs Luitse @TisInternet
3 Followers 106 Following
Activator @URmypride
55 Followers 146 Following I like to seek meaning, ask deep questions, and explore through learning and action, growing for myself and those around me.
Shahriar Ahmed @Shahriarsdesign
6 Followers 241 Following UX/UI Designer 🔥 Simplicity, strategy, and style in every pixel 🎨 #UX/UI #CreativeDesign #DesignDaily #Design
Yann Birba @yann_birba
77 Followers 894 Following Web developer at @octacomFR | React - Laravel - Tanstack
Chris Hodge @Chodgemusic
2 Followers 141 Following
Rob @robsicat
263 Followers 287 Following Creative alchemist. Mixing design, story, and sound. Experiments in progress.
Gideon Ogunkola @gideonogunkola
540 Followers 692 Following UX Designer & Strategist. Currently leading the experience team at @GlobusBankNG. Exploring 3D using Blender, and web development using JavaScript.
Sam Mogil @sammogil
374 Followers 1K Following CEO / Co-founder @squadup (acquired) and @BCliffLax. I bleed Duke blue.
Shekinah TSHIOKUFILA @tshiokufila
358 Followers 410 Following Software engineer who loves design. I enjoy making products attractive to users | Ex @MegapontNFT Sharing stuff 🎥 https://t.co/HVPBDBTFYz
Stuart Kennedy @_stuartk
798 Followers 2K Following Freelance UI Designer & Developer. JS/TS. Retrowave fan.
egdiala.nft ✴︎ @e_diala
568 Followers 2K Following Frontend Engineer: 🖥️ Vue3/Nuxt3 ~ 4y | Rock&EDM junkie🎹🎸 | #Atleti | Maintaining @nen_ui | Currently @eigenexplorer
char *AJ = "Pixel Per... @EjemenIboi
811 Followers 689 Following PharmD • Pixel Perfect Engineer • Student @AltSchoolAfrica • Being better than yesterday ✍️ • design and animation lover • Thank you Jesus 🙏
Ajlan Gun @ajlangun
154 Followers 5K Following
Philip Boen @philipboen43
1 Followers 93 Following
carnotengine 💻🇧... @carnotengine273
45 Followers 447 Following Scanner to the system: I see the rebel base vibecoder
Veritable @veritablestudio
5 Followers 185 Following making https://t.co/KMEnAsZoi6, https://t.co/RpS775bHRq
Mo. | مُحَمَّ�... @0xmo97
509 Followers 3K Following Project management expertise poured into building things
Heval Nergiz @hevalnergizz
351 Followers 2K Following ⌘ Frontend Developer ✧ İzmir Atatürk Lisesi’133 ⌥ UDE - Software Engineering
Thalal Cassim @ThalalC
62 Followers 1K Following
Vitagliano @gabrielrvita
2K Followers 1K Following building things with pixels and code • @pag3app @spotlight404 @katanaqubit
Victor Allegret @AllegretVictor
273 Followers 689 Following Senior Product & System Designer • Crafting software @SchneiderElec • Building free UI kits for the Figma community • Ex front-end developer
Rubik's Cube Destroye... @almostafugitive
173 Followers 267 Following how I think about and describe myself is of no relevance to you whatever you call this app it was designed to keep you trapped not help you escape it
Deron(UIUX) | Design ... @Derondsgnr
638 Followers 982 Following Product Designer x Motion | I bring branding, ux, psychology, storytelling to your product. Book a call let’s talk how📲
Bas Bravo @basbravo_
53 Followers 450 Following Diseñata sin remedio | Serious developer en @wearepleg @paradigmate | Indie developer en @basezero_dev | 🙋🏻♂️ 🙋🏻♀️ 🐶
pnc @cs_pnc
404 Followers 159 Following
Sajad @sajadevo_
321 Followers 254 Following Web Developer & Designer. Building → https://t.co/CugoTppz0U | https://t.co/0TGUaAOCUE
Sarthak @Sarthakhuh
187 Followers 731 Following 22, Creating. Mostly for myself | Prev dev @ startup x1, Working 15 hrs a day till I retire my parents, checkout my portfolio ⤵️
CINDERFELLA @ifc0nfig
53 Followers 6K Following
Trends for United States
You might like
