Референдум о присоединении России к Нидерландам. Какая хорошая идея! Голосуйте ЗА, дорогие россияне. Пора!

Meanwhile, in Russia (via @wowhotshots)

New in the Framer book: Everything about using other components, libraries, and design systems in code components you create. framerbook.com/code-component… ✨ Easy: Importing canvas components, Framer’s built-in components, other code components, or a JavaScript library like Lodash.

New section in the Framer book: 🔗 Motion Values Everything about the values that drive all animations in Framer Motion and Framer. A thread 🧵

When you use Framer Motion’s Animate Presence to animate one single element (by changing its `key`), two animations happen simultaneously, clearly visible when you slow it down. With Animate Presence’s ‘wait’ mode, the second animation will happen after the first one.

Zomaar een paar fragmenten van de afgelopen jaren; 📺👇 [1] ‘De Krim is geen betwist gebied, Rusland erkent de grenzen van Oekraïne’. [2] ‘Waren dat Russische soldaten?’ ‘Het waren lokale groeperingen’. [3] ‘Achter de lokale groeperingen op de Krim stonden onze soldaten’.

The future of email with ChatGPT.

Now in the Framer book: Making an icon component that gets its SVG from an Airtable database. Add icons to your collection simply by uploading SVG files to Airtable. Example: overlay-strap-754846.framer.app There’s a ‘basic’ version that uses the existing colors of the SVG,…

Joe in Amsterdam is publishing daily Framer examples in March. Six down, 25 more coming up!

Matt Matt Perry at Framer created a new hook for manual animations: useAnimate(). It will replace useAnimationControls() because this one works with *any* HTML/SVG element. An example: The box snaps back 2 seconds after you stop dragging. codesandbox.io/s/tknjtw?file=… A thread 🧵

The stagger() function we use with useAnimate() has options that let you pick which item to start with, change the timing between animations with a curve, or add a delay. Docs: framer.com/motion/stagger… With ‘from’, you tell it with which item to start: staggerfrom.vercel.app

I’m about to launch a Framer Motion guide. It’ll be on a new site, which will later also contain the Framer book. And I arrived at the most challenging part (well, for me): naming it, I have to pick a brand name. Pick your favorite name here: tes7.typeform.com/to/fPn9z8XR

The Framer book is now part of 💪 Mighty Guides. And 📅 Tuesday, there will be a new guide about Framer Motion at motion.mighty.guide

Fiodar Bardziuhou, a designer from Gdansk that I found on Upwork, made the Mighty Guides and Mighty Motion Guide logos. Well, I thought he was Polish, but he’s Belorussian and moved there a few years ago. linktr.ee/fiodarbardworks

You know what? It’s already August 8 in 🇧🇪 Belgium (where we’re based), so we’re 🚀 launching the new guide! Get the Mighty Motion Guide now with a 20% discount using the code: ‘launch’. motion.mighty.guide

… and we’re on Product Hunt 😸 🚀: producthunt.com/posts/the-migh… #launchday

"Where can I learn to create advanced websites and prototypes with Framer?" The Framer Book by Tes Mat is your answer. It's been around since 2019 and is a hidden gem 💎 ⤷ Code overrides/components ⤷ Animations ⤷ Code-heavy examples/previews 🔗 framerbook.com

Black Friday! Here’s a 30% discount code that works for the Mighty Motion Guide and the Framer Book. 👉 FRIDAY 👈 Although it might say ‘Friday’, it’ll work until Monday 🙃 motion.mighty.guide framerbook.com

I made a site that gathers 400+ Framer Motion & Framer examples. framermotionexamples.com It has all the examples from the Motion docs (68) plus many more made by Matt Perry (92). You can search by Framer API for examples using Animate Presence, or useSpring, Reorder, etc.

🆕 in the Framer Book and the Mighty Motion Guide: The Reorder components motion.mighty.guide/reorder/ framerbook.com/animation/the-… Motion docs framer.com/motion/reorder… The Reorder component can create an <ul> (unordered list, default) or an <ol> (ordered list). k2-reorder-example-with-ol.vercel.app