Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 9 ay önce •via X (Twitter)

Bilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 3 ay önce

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,897 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

“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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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,768 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce