Loading video...

Video Failed to Load

Go Home

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 🚀

matiNotFound's profile picture

Matias 🧉

3,780 subscribers

37,330 views • 9 months ago •via X (Twitter)

Science & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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)
0:12

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)

Matias 🧉

51,570 views • 1 year ago

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 ⬇️🧵
0:16

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 ⬇️🧵

Pontus Abrahamsson — oss/acc

115,522 views • 1 year ago

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

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

Hugo

41,528 views • 1 year ago

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.
0:11

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.

Move AI

457,835 views • 2 years ago

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

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

Alexandre Devaux

35,453 views • 1 year ago

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 and rendered with Three.js. Curious if you would actually use something like this.
0:15

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 and rendered with Three.js. Curious if you would actually use something like this.

Gábor Pribék

11,392 views • 1 month ago

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 remove
0:19

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 remove

Matias 🧉

10,640 views • 4 months ago

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 👇
0:14

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 👇

Ian Curtis

175,905 views • 1 year ago

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.
0:12

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.

Next.js

33,102 views • 1 year ago

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

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

Ballpark Pal

17,134 views • 2 months ago

“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.
0:15

“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.

Invideo

425,082 views • 6 months ago

It’s never been easier for 3D animators to bring their creative vision to life. This is motion capture powered by AI. No suits or markers needed. You can now capture multiple people anywhere using standard cameras, and Move AI will generate 3D motion data from the 2D video.
0:11

It’s never been easier for 3D animators to bring their creative vision to life. This is motion capture powered by AI. No suits or markers needed. You can now capture multiple people anywhere using standard cameras, and Move AI will generate 3D motion data from the 2D video.

Move AI

116,379 views • 2 years ago

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.
0:12

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.

Next.js

37,612 views • 1 year ago

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

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

Mattia

205,173 views • 1 year ago

This 3D "Fern-Style" animation is made 100% With AI - Ai sound effects - Ai motion -Ai scene design We made a tool that does everything for you and generates an entire documentary. You only insert your script and click "generate" Might give access to some people🤫
0:13

This 3D "Fern-Style" animation is made 100% With AI - Ai sound effects - Ai motion -Ai scene design We made a tool that does everything for you and generates an entire documentary. You only insert your script and click "generate" Might give access to some people🤫

North

22,976 views • 2 months ago

Astra Nova x NVIDIA We are happy to announce that Astra Nova is now an active member of the NVIDIA Inception Program! On top of that, we're on the grind to earn the NVIDIA AI Accelerated badge and take our game to the next level. 🚀
0:10

Astra Nova x NVIDIA We are happy to announce that Astra Nova is now an active member of the NVIDIA Inception Program! On top of that, we're on the grind to earn the NVIDIA AI Accelerated badge and take our game to the next level. 🚀

Astra Nova

212,789 views • 2 years ago

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`
0:11

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`

Pontus Abrahamsson

45,140 views • 1 year ago

it's over.. this AI agent can build AI apps now I just used Emergent AI to build an AI studio w/o censorship, it can generate and edit images using text and.. you can add any open source models to the studio more examples:
0:17

it's over.. this AI agent can build AI apps now I just used Emergent AI to build an AI studio w/o censorship, it can generate and edit images using text and.. you can add any open source models to the studio more examples:

el.cine

280,948 views • 1 year ago

check out the new interactive photo generator that lets you create your own personalized photos with a gutsy touch! visit to generate your own creations!!! 🦋🌟#1YearOfGUTS
0:12

check out the new interactive photo generator that lets you create your own personalized photos with a gutsy touch! visit to generate your own creations!!! 🦋🌟#1YearOfGUTS

olivia’s livies 🩷

100,916 views • 1 year ago