Steve (Builder.io)
@Steve8708
Followers
117K
Following
20K
Media
1K
Statuses
8K
CEO @builderio - visually code together
San Francisco, CA
Joined October 2008
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:
99
1K
12K
or if you're lazy like me just jump into https://t.co/iuX0B9mW8G and start prompting for free:
builder.io
Builder is an AI-Powered Visual Development Platform that helps teams generate, iterate, and optimize web and mobile experiences in seconds instead of sprints.
0
0
8
Grab the code snippets, prompts, and full guide here:
builder.io
Build Apple-style section swaps with CSS scroll timelines. Sticky frame, stacked videos, clip-path wipes, and a tiny React state to keep things in sync.
1
1
23
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!
18
254
4K
Join us on 10/9 for a live demo of Fusion, Builder's tool that puts prototyping, validation, and iteration directly in the hands of PMs and designers, while keeping devs in the loop. Link: https://t.co/N1PvY5ib6W
0
4
8
Building out apps with AI is fun... right up until I need to ship something that works for real users. Here's my workflow for making real apps (with MCP integrations like Supabase and Netlify) where the AI can help far past the ideas phase. https://t.co/D6S5Zuza0t
builder.io
Create and deploy a full-stack voting board app with AI. Fusion for UI, Supabase for auth and data, Netlify for hosting.
0
5
18
try it out visually for free in Builder: https://t.co/ybOOetnkqy grab the prompts and code here:
builder.io
Rebuild the Web & Crafts reveal with GSAP timelines, pinned scroll, staggered letters, and a synced Veo 3 loop, then ship it with a clean PR
0
1
7
how does WAC make these awesome 3d reveal effects as you scroll? it's easier than you think, i'll show you how prompts and code in thread:
7
28
377
@builderio is so OP when it comes to vibe coding. It was able to accurately code my designs from Figma in one go.
1
5
9
6
10
43
everyone anticipating gemini 3.0 but we all know it’s always 3.5 that is the good one
1
0
12
One fun thing you can do with the Supabase MCP and the Fusion agent is go from mockup to backend-connected component. Below, I toss into Fusion a Figma design for a testimonials section and a CSV with some customer quotes... et voilà. Working code, connected to my DB.
1
4
6
Coming from CSS, I really appreciate how Tailwind gives you utilities to style direct children, all descendants, arbitrary variants, and more *:style (direct children) **:style (descendants) [&.selector]:style (arbitrary variants) Really flexible!
38
52
705
full code, including how to use native JS methods for smooth pagination, here:
builder.io
Build a Nike-like carousel with CSS snapping and tiny JS: scroll-snap-type, scroll-padding, and arrows powered by scrollIntoView.
0
2
21
people have been asking for the full code from my video on creating super smooth carousels with pure CSS like Nike wrote it up for you, link in thread:
4
16
310
The @builderio + Firebase Studio workflow makes the collaborative process between designers and developers more efficient. 🙌 In this blog post, we explore the typical pain points of design to code, and the benefits and use cases of this powerful integration →
0
11
43
use webgl to make buttery super smooth 3d scroll animations
builder.io
Let's build an Apple-style 3D scroll animation with Three.js ans some LLM help. We'll storyboard the motion, let AI scaffold the scene, then refine.
0
2
26
a lot of people asked on my last video about 3d animations "won't using a bunch of images look choppy" and the answer is it certainly can theres a solution to that though, which is to use actual webgl and 3d transforms, which is a lot easier than you might think tutorial link
3
23
332