Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & TechnologieKunst
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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,640 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Monat

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,445 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Monaten

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,846 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Jahr

“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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 2 Jahren

✨ 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 Aufrufe • vor 1 Jahr

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 — oss/acc

43,595 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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,742 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

Thank you Next.js Vercel for all that you do. I've managed to hit the optimisation ceiling on my blog posts now.
0:19

Thank you Next.js Vercel for all that you do. I've managed to hit the optimisation ceiling on my blog posts now.

Gregory John

30,749 Aufrufe • vor 1 Jahr