Search @motiondotdev | teapawt

@motiondotdev21h

Motion Studio 2.2 introduces support for reduced motion. If an animation *should* have a reduced motion version but doesn't, the button will show a warning color. In reduced motion mode you can make your own alternative or get Ultramotion to come up with one for you.

22

1,084

@motiondotdevOct 20

Replying to @bykobe_

Thanks Kobe!

1

1

45

@motiondotdevOct 20

Apologies for the delay. Motion 14.2 introduces long-requested features to stagger(): Random, stagger from edge, and grid support.

3

107

2,833

Motion retweeted

Portugal

Meet GPUI Motion A Motion-inspired animation library for native Rust interfaces Springs, layout transitions, drag & snap, and animated text

13

872

21,290

@motiondotdevOct 19

1

46

2,412

Motion retweeted

Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev

5

80

2,608

@motiondotdevOct 19

Lenis by @darkroomdevs is *the* smooth scroll library. You're wiring it up to Motion wrong. So were we - check our new Motion x Lenis guide for the latest guidance. motion.dev/docs/lenis

2

66

3,553

@motiondotdevOct 16

Typewriter: Create natural typing animations based on real research into how typing cadence varies based on what's being typed. In Motion UI for React, Vue, and now - vanilla JS too.

1

54

2,333

@motiondotdevOct 16

Replying to @nasm423 @mattgperry

Could be accelerated transforms release - will check

30

@motiondotdevOct 15

Replying to @bykobe_

Yessir

1

1

31

@motiondotdevOct 15

Read the full Gallery announcement: motion.dev/magazine/introduc…

Introducing Motion UI Gallery | Motion Magazine

Meet the Motion UI Gallery for React. Eight 2D and 3D arrangements, detail views and gestures that all transition smoothly into each other.

1

286

@motiondotdevOct 15

Just published a bunch of Gallery examples and Motion UI sections, ready to drop straight into your project.

2

15

1,181

Motion retweeted

Matt Perry@mattgperryOct 15

When developing Gallery, main goal was to get all the 2D and 3D arrangements animating smoothly between each other. The technical term for the naive approach is "absolutely fucking mental mate" - images flying everywhere. The final component allows grouped movement only.

4

18

1,943

@motiondotdevOct 15

Replying to @ZingadePiyush

Thanks Piyush!

1

34

@motiondotdevOct 15

Replying to @robpenner @note_no196973

Oh yeah this is a good point. Though they composite in animation start order so it can get crazy unpredictable with scales rotates skews

1

1

24

Motion retweeted

@motiondotdevOct 15

Replying to @note_no196973

The problem is all transforms have to be animated together. Even when using translate instead of transform x and y need to start and stop at the same time and use the same transition settings Motion has never had this limitation but when animating x and y it happens on the main thread. But now these animations happen on the compositor - something CSS can’t do.

1

4

492

@motiondotdevOct 15

Replying to @note_no196973

The problem is all transforms have to be animated together. Even when using translate instead of transform x and y need to start and stop at the same time and use the same transition settings Motion has never had this limitation but when animating x and y it happens on the main thread. But now these animations happen on the compositor - something CSS can’t do.

1

4

492

@motiondotdevOct 14

Replying to @fixing_x

Good shout

47

@motiondotdevOct 14

Replying to @dwhitedesign

Thanks Daniel!

1

1

72

@motiondotdevOct 14

Motion 14.2 automatically hardware accelerates independent transforms. Animate x, y, scaleX, rotateZ etc, all with different transition settings, entirely on the compositor 🚀

5

94

2,502