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,849 subscribers

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

458,222 görüntüleme • 2 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 • 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

176,033 görüntüleme • 1 yıl önce

❤️‍🔥 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 pivot
0:10

❤️‍🔥 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 pivot

Viktor Oddy

43,795 görüntüleme • 1 ay ö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 • 8 ay ö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

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

23,379 görüntüleme • 5 ay ö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

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?
0:10

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

176,535 görüntüleme • 4 ay önce

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)
0:12

Vibe coded an infinite 3D tunnel scroll using Three.js with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)

The Bugged Dev

95,858 görüntüleme • 8 ay önce

Do you use Runway Gen-2 to make AI videos? This is for you! I built a simple tool to help "extend" Runway videos beyond the 4 second clip limit. Just choose a video, and the tool will give you the final frame -- so that you can drop this back into Runway, and generate another AI video based on it. Let me know if this is useful to you! Link is at bottom of the video and it's live to try right now.
0:11

Do you use Runway Gen-2 to make AI videos? This is for you! I built a simple tool to help "extend" Runway videos beyond the 4 second clip limit. Just choose a video, and the tool will give you the final frame -- so that you can drop this back into Runway, and generate another AI video based on it. Let me know if this is useful to you! Link is at bottom of the video and it's live to try right now.

Benjamin De Kraker

68,384 görüntüleme • 3 yıl önce

completely moved the website for Screen Charm from framer to next.js and vercel. it took me two days to do it, including migrating the blog and free tools. it will open the gate to move much faster when improving conversion and adding free tools. hosting websites on no-code builders nowadays is becoming obsolete. everything can be done with ai. it’s only worth using them if you’ve never touched html or css in your life.
0:12

completely moved the website for Screen Charm from framer to next.js and vercel. it took me two days to do it, including migrating the blog and free tools. it will open the gate to move much faster when improving conversion and adding free tools. hosting websites on no-code builders nowadays is becoming obsolete. everything can be done with ai. it’s only worth using them if you’ve never touched html or css in your life.

Sergey Nazarov

16,514 görüntüleme • 7 ay önce

These 3 websites are all you need to stay updated with latest AI Tools and find the one you can start using. ✨ 1/ There's an AI for that: 🔗
0:14

These 3 websites are all you need to stay updated with latest AI Tools and find the one you can start using. ✨ 1/ There's an AI for that: 🔗

Ali

168,774 görüntüleme • 3 yıl önce

CSM 3D AI: New image-to-3D AI program AI is reshaping the future of 3D design. This amazing tool transforms still images into 3D models, and the best part? You can animate them effortlessly using AI. Link in comment!
0:13

CSM 3D AI: New image-to-3D AI program AI is reshaping the future of 3D design. This amazing tool transforms still images into 3D models, and the best part? You can animate them effortlessly using AI. Link in comment!

el.cine

54,393 görüntüleme • 1 yıl önce

Just added something crazy to the OpenClaw 3D office. You can now see the agent’s computer screen and watch what it’s doing in “real time”. Feels like looking over your AI employee’s shoulder.
0:19

Just added something crazy to the OpenClaw 3D office. You can now see the agent’s computer screen and watch what it’s doing in “real time”. Feels like looking over your AI employee’s shoulder.

Luke The Dev

44,792 görüntüleme • 6 ay önce

Despite the Framer hype, we still get tons of requests for custom Next.js + Tailwind sites. Because most founders and their teams don't want to learn another tool. They want to own their code, not rent it. Just shipped a landing page in Next.js for a SaaS. Their reasoning: - Full control over performance optimization - No vendor lock-in - Developers can maintain it without learning Framer - Custom functionality without workarounds - Better SEO control Sure, Framer is faster to build. But he no-code movement sold everyone on "anyone can build websites now" and forgot that someone still needs to maintain them. What's your take: Custom code for control or no-code for speed?
0:13

Despite the Framer hype, we still get tons of requests for custom Next.js + Tailwind sites. Because most founders and their teams don't want to learn another tool. They want to own their code, not rent it. Just shipped a landing page in Next.js for a SaaS. Their reasoning: - Full control over performance optimization - No vendor lock-in - Developers can maintain it without learning Framer - Custom functionality without workarounds - Better SEO control Sure, Framer is faster to build. But he no-code movement sold everyone on "anyone can build websites now" and forgot that someone still needs to maintain them. What's your take: Custom code for control or no-code for speed?

Namya @ Supafast

50,594 görüntüleme • 11 ay önce

This is it, Contestants! The journey to The Grand Major 2025, brought to you by FACEIT and DREAMHACK, begins today! 🏆 Get your game faces on, it’s time to show the world that YOU CAN reach THE FINALS. Register your team:
0:13

This is it, Contestants! The journey to The Grand Major 2025, brought to you by FACEIT and DREAMHACK, begins today! 🏆 Get your game faces on, it’s time to show the world that YOU CAN reach THE FINALS. Register your team:

THE FINALS

22,444 görüntüleme • 1 yıl önce

really enjoying the little Three.js golden age we're in, but I find raw prompting against a super tedious so: I added a three.js adapter to popmelt so I can tag objects right inside the scene and chat with sol about them directly. MUCH more fun to play in 3d when I can touch and talk at the same time also added omp support because seemingly everyone's using it and I got curious (it's okay! diehards: would love to know how it changed your life)
0:14

really enjoying the little Three.js golden age we're in, but I find raw prompting against a super tedious so: I added a three.js adapter to popmelt so I can tag objects right inside the scene and chat with sol about them directly. MUCH more fun to play in 3d when I can touch and talk at the same time also added omp support because seemingly everyone's using it and I got curious (it's okay! diehards: would love to know how it changed your life)

rebekah

39,711 görüntüleme • 19 gün önce