Ships Thursday, November 12

Motion Pack

25 to 30 animated interface components, ready to drop into your projects. Each one comes as plain HTML, CSS and JavaScript, and as React with Tailwind.

What it is

The code I post on Instagram is free, and it stays free. The Motion Pack is the bigger version: more components, more polish, and React versions of each one. See the free ones.

I'm a designer and developer, and I'm building in public to pay for design school. You can see how that's going on the Goal Tracker.

What's inside

Polished versions of these three, plus 22 or more new ones.

• Checkout cardA payment form that fills in the card as you type
• Glass loginA frosted sign-in card that follows your cursor
• Speed readerPaste anything and read it one word at a time

Planned, not built yet

What I'm making next. The list may change a little as I go.

• Pricing toggle
• Onboarding steps
• Glass navbar
• 3D tilt cards
• Text effects
• Loaders
• Buttons
• Toasts
• Modals

Formats

• Plain HTML, CSS and JavaScript, with no libraries and no build step.
• A React component styled with Tailwind.

License

Use the components in your personal and client work, including commercial projects. You can't resell or share the code itself as a kit or template. For a studio, the agency license covers up to 5 people and unlimited client projects.

Pricing

• Now$29Founding price. Until it ships.
• November 12$49Launch price. One person, personal and client work.
• Later$79Regular price. After the launch price ends.
• November 12$149Agency license. Up to 5 people, unlimited client projects.

Pay once and get every update, including new components. Prices adjust automatically for your country, so they're lower in places like India.

When it ships

Thursday, November 12, 2026. Everyone on the waitlist hears first.

Questions

What if I don't use React?

Use the plain HTML, CSS and JavaScript versions. They don't need React, Tailwind or a build step, so they work in any site.

Can I use it for client work?

Yes. Client work is covered. If several people at a studio will use it, the agency license covers up to 5 of you.

Why is it cheaper now?

The founding price is for people who buy before it's finished. It helps me know the pack is worth making. It goes up to $49 on November 12.

What about refunds?

The pack is sold through Gumroad, and Gumroad's standard refund policy applies.

Will the free code stay free?

Yes. Everything on the free code page stays free to use.