Tes Mat @cptv8

Teaching @framer and Framer Motion at @mightyguides. Ah, and also https://t.co/yVaEDQW6T2.… Nederlands, English, Español, Russkiy yazyk, Português mighty.guide Currently in Belgium Joined April 2008

Tweets

2K
Followers

844
Following

2K
Likes

2K

Mighty Guides @mightyguides

2 years ago

🆕 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

3 1 3 491 0

Download Video

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 @mattgperry (92). You can search by Framer API for examples using Animate Presence, or useSpring, Reorder, etc.

13 32 236 22K 266

Download Video

Mighty Guides @mightyguides

2 years ago

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

1 1 0 383 0

Vaibhav Khulbe @vaibhav_khulbe

2 years ago

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

1 3 10 577 2

Download Video

Mighty Guides @mightyguides

2 years ago

… and we’re on @ProductHunt 🚀: producthunt.com/posts/the-migh… #launchday

0 1 1 258 0

Mighty Guides @mightyguides

2 years ago

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

1 1 1 229 0

Download Image

Mighty Guides @mightyguides

2 years ago

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

0 1 0 261 0

Download Image

Mighty Guides @mightyguides

2 years ago

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

1 1 2 304 0

Download Image

Mighty Guides @mightyguides

2 years ago

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

2 1 0 404 0

Mighty Guides @mightyguides

2 years ago

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

1 1 1 303 0

Download Video

Mighty Guides @mightyguides

2 years ago

Matt @mattgperry 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 🧵

3 6 31 5K 8

Download Video

Mighty Guides @mightyguides

3 years ago

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

Joe Lee @_joerl

3 years ago

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

6 6 58 7K 37

Download Image

0 1 1 507 1

Mighty Guides @mightyguides

3 years ago

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,…

1 1 2 552 0

Download Image

Kevin Cannon @multikev

3 years ago

The future of email with ChatGPT.

133 3K 19K 2.6M 2K

Download Image

Olaf Koens @obk

3 years ago

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

13 53 188 0 7

Download Video

Mighty Guides @mightyguides

3 years ago

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.

1 1 4 0 1

Download Video

Mighty Guides @mightyguides

3 years ago

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

1 1 4 0 2

Download Image

Mighty Guides @mightyguides

3 years ago

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.