Steve (Builder.io)

@Steve8708 • 129,617 subscribers

CEO @builderio - visually code together

Shorts

421,715 views

1,119,764 views

300,798 views

102,285 views

57,649 views

67,694 views

19,847 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

90,005,707 views • 1 month ago

22,029,259 views • 1 month ago

390,942 views • 6 months ago

370,697 views • 8 months ago

644,520 views • 1 year ago

544,125 views • 2 years ago

19,168 views • 17 days ago

191,738 views • 8 months ago

368,016 views • 1 year ago

270,939 views • 1 year ago

609,245 views • 3 years ago

551,299 views • 3 years ago

522,366 views • 3 years ago

28,985 views • 1 month ago

113,931 views • 7 months ago

459,000 views • 3 years ago

406,317 views • 3 years ago

411,223 views • 3 years ago

196,560 views • 1 year ago

369,848 views • 3 years ago

Live Cam

Steve (Builder.io)

Shorts

cursor is now a figma-esque visual editor for your code

we've been working on something...

peak software dev

What if Figma was built today, AI-first? Introducing Visual Editor 3.0 - prompt, design, and develop all on one canvas It's how we see the future of design and development, available to everyone today

you can now convert any website to fully editable Figma designs for FREE with Visual Copilot you can even prompt to make the designs interactive or to generate new designs with the same branding

look ma, mitosis finally has its own website

npm install

Videos

Watch Anya Live

Announcing Builder 2.0 We raised $67M to build collaborative coding for Claude and Codex - Start tasks from a local branch, Slack or Jira - Real-time collab between humans and agents - 100s of parallel agents code, test, review Reply "Builder" and I'll DM you 500 agent credits

Announcing the Builder Review Agent: in-browser testing of every PR Stop shipping broken code. Let agents verify every change actually works. • Clicks, types, and navigates • Covers critical flows, edge cases, regressions • Hands you findings, repros, &amp; one-click fixes

Introducing Fusion 1.0, the first AI agent for the full product development workflow • Speaks product, design, &amp; code • Lives in your stack • Learns how your team builds &amp; self improves 10M designs &amp; PRDs turned into real products &amp; features for the worlds largest companies

how do Adaline and Apple make these crazy 3d zooming effects as you scroll? it's easier than you think - let me show you how prompts and code in thread:

i made a website that is ai-generated as you browse it is this the downfall of the internet?

i'm a little sick of chatgpt giving me obviously broken code i've found a "micro agent" approach to LLM code generation can work much better the LLM first generates a *test*, and then enters a loop where it generates and iterates on the code until the tests pass source below

why agents need UIs (and how to give it to them)

how does Apple make those awesome 3d effects as you scroll? it's easier than you think - let me show you how you can do it too:

I paid the $500 for Devin, the mega hyped AI coding agent, so you don't have to here's an in depth review of how it compares to Cursor:

Introducing Visual Copilot for Figma - a new AI copilot that generates on-brand Figma designs No more generic AI slop, be unique and stand out

A cure for React useState hell? You may not realize how easily you can replace useState with useReducer and simplify your state management You can read more in my latest blog post:

This is one you need to know. JS has a built-in function for deep cloning objects called `structuredClone`, which can handle: 😍 Deeply nested objects and arrays 🌎 Many types, like Date, Set, Map, etc ➰ Circular references More in my latest article:

Everything you didn't know you need to know about buttons Yes, buttons More surprises in my full blog post:

how to build agent-native apps (and what to avoid)

How does Apple make these crazy video transitions as you scroll? Let's recreate it with pure CSS with scroll-driven animations and view-timeline That's right, no scroll event listeners!

Speed up sequential async/await code with promise concurrency But be aware of a couple critical gotchas! Read more in my latest article:

Are you loading images as optimally as you can? Do you know how and when to use decoding=async, loading=lazy, fetchpriority, &lt;picture&gt;, aspect-ratio, or srcset? A deep dive on optimally loading images in my latest blog post:

You might be using `fetch` wrong...

comparison of o1 vs sonnet for converting a Figma design to code is the extra time and cost worth it?

AI + VS Code = 🤯

Announcing the Builder Review Agent: in-browser testing of every PR Stop shipping broken code. Let agents verify every change actually works. • Clicks, types, and navigates • Covers critical flows, edge cases, regressions • Hands you findings, repros, & one-click fixes

Introducing Fusion 1.0, the first AI agent for the full product development workflow • Speaks product, design, & code • Lives in your stack • Learns how your team builds & self improves 10M designs & PRDs turned into real products & features for the worlds largest companies

i'm a little sick of chatgpt giving me obviously broken code i've found a "micro agent" approach to LLM code generation can work much better the LLM first generates a test, and then enters a loop where it generates and iterates on the code until the tests pass source below

Are you loading images as optimally as you can? Do you know how and when to use decoding=async, loading=lazy, fetchpriority, <picture>, aspect-ratio, or srcset? A deep dive on optimally loading images in my latest blog post: