Another year, another basement.studio x Vercel collaboration. We created... the Next.js and ShipAi Conf websites and added a 3D badge generator using the AI SDK & Three.js You can now register to generate your own! Congrats to the entire team that shipped this 🚀show more

My favorite feature of the Next.js conf site: The... 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)show more

Generate your own optimized cursor rule directly from your... package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵show more

Progress update: The new Vercel AI SDK v5 is... so cool! The AI can now generate and render UI components directly in the chat!show more

Created this motion graphic for Preview‘s $12M round using... Diffusion Studio + Fable 5. Congrats to stefo and the whole team! 🚀show more

The future of the web blurs the lines between... websites and web applications. This is what we designed Next.js to do and openai probably just shipped its best example. Everything must be fast.show more

Now you can generate 3D animations directly from video.... This is a behind the scenes look at 3D animator Jón Kristinsson using Move AI to capture and animate The Candy Man. Motion capture powered by AI. No suits or markers required.show more

Some progress on the Three.js Conf Paris badge

AI meets 3D anatomy? I made a real-time interactive... 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma AI and rendered with Three.js. Curious if you would actually use something like this.show more

Warming up for Vercel Ship, we created this small... experience using Three.js To detect pointer events, we used a separate render target; each sticker's instance renders its own ID as a color. On click, we sample that texture to detect which instance you are trying to removeshow more

Created a small prototype to generate Muybridge effect 😀... It runs directly in your browser using your GPU to extract human Demo: #AI #Olympics2024Paris Three.jsshow more

Join Vercel and Gumroad CEOs, Guillermo Rauch and Sahil... Lavingia, for a fireside chat to close out Next.js Conf 2024. They'll discuss the evolution of building web apps: What got us here, the technologies we're leaving behind, and the future of web development with AI.show more

I built an entire 3D editor this past weekend... with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇show more

Announcing Next.js Conf keynote speakers: Guillermo Rauch, Delba, and... Josh Story Register now to watch the livestream or purchase an in-person ticket to see them in SF on Oct 24.show more

When your varsity team hosts a tournament…let me encourage... you to SAY YES to allowing classes to come down and support! Means a lot to the team and also shows that we support one another!show more

❤️‍🔥 GPT 5.6 Sol is genuinely absurd for 3D... scrolling websites now. An AI that can one shot designs this good means that the web design industry as a whole is in serious trouble If you’re a designer and your workflow hasn’t fundamentally changed in the past year, it's time to pivotshow more

Another feature added to the Starting Pitchers page You... can now view bullpen projections - on their own or in the same table with starters:show more

✨ Build Next.js, Tailwind CSS & shadcn websites with... drag and drop. And yes, you can export the code. Link below.show more

The usage of AI-powered filters is so nice and... easy to implement with Vercel AI SDK: ◇ Server Action with streamObject ◇ Pass filters (categories, amount range, etc.) ◇ Stream the results using `readStreamableValue`show more

“AI makes my product look cheap.” That’s the myth.... With the right workflow, AI helps you generate consistent, high-quality branded visuals that actually convert. This entire look was created using Nano Banana Pro and VEO 3.1 inside invideo.show more