Jonathan

building eased. motion-first react components your ai agents can build with.

[Jonathan @easedui]

Launching Eased. React components where the motion is the point, like a product tour whose tooltip glides from step to step instead of blinking out and back

Most of it is free and MIT. The showpieces are in Pro.

https://t.co/Z9vCZrgj0C

[Jonathan @easedui]

Named my component library after an easing curve, so obviously the homepage had to be one.

https://t.co/VhAwbWJn85

[Jonathan @easedui]

@jakubkrehel how does it do with animations, can it tell you the easing a site is using

[Jonathan @easedui]

A product's first five minutes, built to be copied. Set up a workspace while a preview of it builds itself, invite your team and watch them land in the members list, then arrive in the app with a checklist that already knows what you did.

Three flows on one step engine. The engine is free and MIT, and the flows are in Pro.

https://t.co/PYLnXcxUA2

[Jonathan @easedui]

@ryanflorence the only UI motion I keep is the stuff that makes the result feel like it showed up faster, anything you have to sit through gets cut

[Jonathan @easedui]

Watching an agent work should feel this calm. Steps rise onto a rail as they start, tool calls show what they're doing, a failed query retries in place, and when it's done the whole run folds into one line.

In Pro.

https://t.co/c4Je4tML8l

[Jonathan @easedui]

@emilkowalski is there a lesson on motion? my agents get the layout right but the animations always feel off

[Jonathan @easedui]

@Mike_Andreuzza the live estimate on booking is the part I always end up rebuilding, getting the price to update without the layout jumping takes me ages

[Jonathan @easedui]

@chirag the stuck gauge is the part I'd actually use, half the time I can't tell if my agent is thinking or just hung

[Jonathan @easedui]

@orcdev @shadcn shadcn is the first thing I install every project, then I spend a week making it not look like shadcn

[Jonathan @easedui]

Undo Pill, free and MIT: https://t.co/jZhdw7cwzh

[Jonathan @easedui]

Delete, then change your mind

[Jonathan @easedui]

@aliszu @pqoqubbw that feeling is almost always the easing for me, I've spent whole evenings on one curve until it clicks

[Jonathan @easedui]

@steventey @dubdotco @nextjs @vercel Halving it is huge, waiting on a build is the worst part of working with agents imo

[Jonathan @easedui]

A Dynamic Island for web apps

In Pro.

https://t.co/eLaSMIuIDW

[Jonathan @easedui]

@steveruizok haha so real, I spend way too long making my thinking states feel less awkward than that

[Jonathan @easedui]

@raunofreiberg this is how I pick every easing curve tbh, it feels right first and I work out why later

[Jonathan @easedui]

Product demos that play on your real UI, not a video. A cursor glides to the actual Deploy button, a ring marks the press, the label swaps, the count rolls and the view zooms in on the result, all on one timeline.

Four pieces, free and MIT. The cursor aims at elements, not pixels, so the demo survives your next layout change.

https://t.co/E8jMblk52H

[Jonathan @easedui]

@motiondotdev Zero open issues is wild, congrats! motion is in pretty much every component I build

[Jonathan @easedui]

@AdhamDannaway Saving this, short ones like these are the only design reading I actually finish

[Jonathan @easedui]

Drag a label to change the number, like in Figma. Pointer lock so you never run out of screen, shift for fine steps. Here I'm dragging a spring's stiffness down to 120 and watching it go lazy.

https://t.co/E1qUyjEcJY