Motion

Introducing CSS Studio. A design tool that lives in your site. Runs in your browser. Writes code with your existing AI agent. All completely local - so no subscription. One price, lifetime updates.

Agent Plan: A component to review and the run the agent plan, designed in @paper, animated with @motiondotdev

CSS Studio 1.1 adds rich text editing. Double click anywhere within an <article /> to edit. Body text, titles, menu items - editing it all and let your agent find the right place to implement the change. Alos supports Markdown syntax for formatting and lists.

@jamesqquick 1. Sell extra bits (higher level APIs) 2. Educational content 3. Improved AI workflows 4. All of the above (preferably)

Dumb question. How do you make money with an open source project…?

@itsfranklinjohn Did you register with the purchase email address? DM us the sign up email and we’ll sort it out

@motiondotdev purchased the $399 plan and registered but I am still not upgraded. Still in free tier when I log in. Support link on the website is also 404. I’ve got the purchase receipt. Anyone to help me on this issue?

Our latest video with @simonswiss is up! In this video we take a look at Motion's powerful gesture system, including its easy while- props to animate into and out of gesture. youtu.be/nu-ND32hOKA

Throughly enjoying myself

CSS Studio tip: If you like a particular variant but want to change something about it, make the edits before commit, and this is how your agent will apply it to your codebase.

Using CSS Studio to explore design variants for the changelog. Each set of variants get their own subagent, so you can iterate many different parts of the site at once, and mix and match. Variants are non-destructive too. Prefer the original? Just click X for instant undo

CSS Studioめっちゃ素晴らしいのでどこかのタイミングで発信したい。 好きなツールがまた1つ増えた。

A component for getting things done with voice, designed in Figma, animated with @motiondotdev

CSS Studio is still one-time payment, lifetime updates. Your browser, your codebase, your agent. Check out the new CSS Studio: cssstudio.ai

4. Parallel tasks Before, one agent was responsible for implementing all style, content and animation change. With so many new capabilities, this quickly became a bottleneck. Now, tasks are handled in parallel by background subagents, so no one job becomes a blocker.

CSS Studio 1.0 is out now. You and your agent, designing together. Generate design variants, attach images as context, adapt content to mobile with one click, and run multiple design tasks in parallel.

Big 1.0 update for CSS Studio next week, here's a taste