Motion

1.1K posts

Motion banner
Motion

Motion

@motiondotdev

The complete animation toolkit for the web. Formerly Framer Motion. Made by @mattgperry.

Amsterdam انضم Mart 2009
5 يتبع14.4K المتابعون
تغريدة مثبتة
Motion
Motion@motiondotdev·
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"
English
0
2
117
19.5K
Motion
Motion@motiondotdev·
ZXX
0
0
29
1.9K
Motion
Motion@motiondotdev·
@ggsimm Yes there’s a custom curtain API you can hook into!
English
0
0
1
39
Motion
Motion@motiondotdev·
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.
English
1
1
30
2.7K
Motion
Motion@motiondotdev·
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.
English
0
2
37
3.3K
Brett
Brett@BrettFromDJ·
Claiming you're going to solve taste in AI while simultaneously not understanding when to capitalize words or not is a bit ironic.
Brett tweet mediaBrett tweet media
Thais Castello Branco@thaiscbranco_

We’re excited to introduce Taste Labs. Our mission is to end AI slop. We’re building the data and infrastructure layer to give AI models and agents taste. And today we’re coming out of stealth, announcing our $18.5M seed funding, co-led by @CRV and @AmplifyPartners AI has nailed objective domains and made it easy to generate anything. But it still feels off. Now, the challenge is judgement. What fits, what feels like you, what’s GREAT. This requires turning a fuzzy, subjective domain into something we can measure and codify. We’re starting with design. There are two sides to cracking this, the foundation model layer and the agent layer: - We’ve already been working with the top frontier labs to evaluate and improve their models, crafting the right post-training data and RL environments. - We’ve also been working with app-layer companies to build the context and verification tools for their agents to produce better, more on-brand, more creative outputs. We want a future where AI feels right. If you’re passionate about this mission, join us!

English
37
5
278
55K
Motion
Motion@motiondotdev·
The "blinds" effect in Motion+ Curtains
English
0
1
32
3K
Luiza Furdui
Luiza Furdui@luizafurdui·
Made with framer motion
English
4
0
36
985
Motion
Motion@motiondotdev·
@ggsimm We shall see what the consensus is on that 😅
English
0
0
1
40
Motion
Motion@motiondotdev·
Curtains in Motion+ is built on the Popover API to avoid z-index hacks when performing its hardware accelerated page animations. Here's the "wipe" effect, which can be completely customised with transitions, direction and angle.
English
2
3
49
3.7K
Motion أُعيد تغريده
Matt Perry
Matt Perry@mattgperry·
I got annoyed at paying insane prices for web analytics so I made one for myself. - Report and funnel per page or grouped section (ie docs/*) - Web vitals tracking - Weekly MotionScore audits for top pages - Monitoring - All accessible via MCP ("investigate current incident")
Matt Perry tweet mediaMatt Perry tweet mediaMatt Perry tweet mediaMatt Perry tweet media
English
5
1
51
5K
Motion أُعيد تغريده
Nil . Dev .
Nil . Dev .@Nil_phy_dreamer·
Profile Card morph animation Designed in @paper Animated in @motiondotdev Morphing technique learnt from @emilkowalski course. Lets build another version of it using @mannupaaji SVG filter technique shared today.
English
2
6
70
2.3K
Motion أُعيد تغريده
Shivraj Roy
Shivraj Roy@shivraj_roy10·
been messing with motion's arc() curved paths instead of straight lines... genuinely fun...🌀
Shivraj Roy@shivraj_roy10

@motiondotdev arc() draws a curved flight path, and you can see the exact curve before it moves... it's one quadratic bézier: control = from + Δ*peak + perp*(±strength*dist) draw it as an SVG path and it matches perfectly 🌀 my fav: velocity

English
0
3
49
5.3K
Motion أُعيد تغريده
Emil Kowalski
Emil Kowalski@emilkowalski·
Updated this Family-inspired trash interaction with Motion’s new `arc()` api
English
18
21
789
29.3K
Motion أُعيد تغريده
cleon
cleon@cleondesigns·
Playing with variable fonts! Exposure axis driven by live motion values via useSpring() + hover proximity from @motiondotdev
English
0
4
66
5.7K
Motion أُعيد تغريده
Harsh
Harsh@_harshworks·
A sneak peak into new @framer component! This one supports cms and has a bunch of other controls to alter effects!
English
7
1
34
2.2K
Motion أُعيد تغريده
Shivraj Roy
Shivraj Roy@shivraj_roy10·
ok, real talk😜 - this is actually a demo of @motiondotdev 's new arc() 🌀 it animates elements along a curved path instead of a straight line. every "download" is one arc, aimed wherever you drop the target. x.com/motiondotdev/s… (it's also hiding in the title… ARChive 👀)
Motion@motiondotdev

Massive thanks to @lochieaxon for pushing this through! Check out the example: examples.motion.dev/react/add-to-b… Docs: motion.dev/docs/arc

English
0
1
6
6.5K