Loading video...

Video Failed to Load

Go Home

drei/view got a massive update. mix webgl/three right into your html as views, as many as you want. they're self contained. events, controls, everything works. it's driven by a single canvas split into chunks via webgl_skissor. the demo is made with Next.js shadcn v0

0xca0a's profile picture

☄︎

55,950 subscribers

70,510 views • 2 years ago •via X (Twitter)

Science & TechnologyGamingEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:
0:16

Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: Demo: A thread:

Renaud

67,157 views • 3 years ago

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.
0:15

You can now make your own shadcn/ui and use it in v0. Create it on open it in v0, and use it as the foundation for your app.

v0

56,019 views • 6 months ago

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

175,833 views • 2 months ago

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl
0:19

Bake your #threejs shaders into textures! I am releasing three-shader-baker, try it out today! Works with both Vanilla and #r3f Demo: GitHub: #creativecoding #webgl

Faraz

27,229 views • 1 year ago

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
0:18

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides. You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.

Orion Reed

863,758 views • 2 years ago

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.
0:15

How I use v0 for UI development ⬇️ Exploration: I rely on v0 a lot for exploration. If you have an idea you want to visualize, type in your prompt & let v0 transforms it into components. For the 1st generation, I always want v0 to be creative. I use the Quality ✨ toggle.

shadcn

139,097 views • 2 years ago

You can now view Knowledge Base retrieval chunks directly in the Test LLM feature🌐 Get full visibility into how your Knowledge Base is being used. Instantly verify whether queries retrieve the right information — and fine-tune as needed.
0:11

You can now view Knowledge Base retrieval chunks directly in the Test LLM feature🌐 Get full visibility into how your Knowledge Base is being used. Instantly verify whether queries retrieve the right information — and fine-tune as needed.

Sayly AI

60,480 views • 4 months ago

I have released my first custom shadcn component as open source. 🎉 You can directly download it to your Next.js project using shadcn cli. ✨
0:16

I have released my first custom shadcn component as open source. 🎉 You can directly download it to your Next.js project using shadcn cli. ✨

Aykut

78,803 views • 1 year ago

As many as four of Zelensky’s manhunters shove a single Ukrainian into a car during forced conscription The unlucky one is now headed straight to the front
0:11

As many as four of Zelensky’s manhunters shove a single Ukrainian into a car during forced conscription The unlucky one is now headed straight to the front

RT

16,931 views • 14 days ago

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

At least 2 dead as a car is driven into the public in Leipzig, Germany.
0:04

At least 2 dead as a car is driven into the public in Leipzig, Germany.

Tommy Robinson 🇬🇧

64,670 views • 2 months ago

tested my claude code skills. inspired by frank. - upload as many transaction files as you want - visualize all your spending in a sankey diagram - get a list of top merchants - get a list of your monthly subscriptions - drill down into each category
0:10

tested my claude code skills. inspired by frank. - upload as many transaction files as you want - visualize all your spending in a sankey diagram - get a list of top merchants - get a list of your monthly subscriptions - drill down into each category

Rani

21,783 views • 5 months ago

PRODUCT UPDATE: CLAIM AS USDC You can now claim rewards as USDC, or you can claim as USDC and deposit into Suilend in a single transaction! Each reward will be claimed as a separate transaction. Try it now!
0:14

PRODUCT UPDATE: CLAIM AS USDC You can now claim rewards as USDC, or you can claim as USDC and deposit into Suilend in a single transaction! Each reward will be claimed as a separate transaction. Try it now!

Suilend

25,707 views • 1 year ago

v0 is coming to take your job... to the next level A new v0 is dropping soon. Sign up for the waitlist and reply below with a screenshot as proof for early access.
0:15

v0 is coming to take your job... to the next level A new v0 is dropping soon. Sign up for the waitlist and reply below with a screenshot as proof for early access.

v0

162,334 views • 7 months ago

New Update: draggable timeline shadcn chart for zooming into time-stamped logs. → Inspired by Shelwin's chart-zoom-demo.
0:10

New Update: draggable timeline shadcn chart for zooming into time-stamped logs. → Inspired by Shelwin's chart-zoom-demo.

Maximilian Kaske 🏓

107,261 views • 1 year ago

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…
0:15

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…

Guillermo Rauch

66,856 views • 1 year ago

🇺🇸🇫🇷CANDACE OWENS: I VIEW PRESIDENT MACRON AS A VICTIM "I'd love to speak to him - I view him as a victim. You are a child and your drama teacher, whatever, is macking on you, and you're 14 years old. When you get into his backstory, it's very weird as well - a lot of holes." Source: Tucker Carlson, Candace Owens
0:19

🇺🇸🇫🇷CANDACE OWENS: I VIEW PRESIDENT MACRON AS A VICTIM "I'd love to speak to him - I view him as a victim. You are a child and your drama teacher, whatever, is macking on you, and you're 14 years old. When you get into his backstory, it's very weird as well - a lot of holes." Source: Tucker Carlson, Candace Owens

Mario Nawfal

39,973 views • 11 months ago

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.
0:18

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10 KB, and remains idle until triggered.

Noman

26,710 views • 1 month ago

It's your right as an American to deep fry a frozen turkey if you want to, but please use the proper equipment as demonstrated in this video by the Reno Fire Department.
0:18

It's your right as an American to deep fry a frozen turkey if you want to, but please use the proper equipment as demonstrated in this video by the Reno Fire Department.

Las Vegas Locally 🌴

118,431 views • 1 year ago

"Owner of a Lonely Heart" 1983 began as a demo before being transformed into a bold new 1980s sound. The bigger backstory is that the band was reinventing themselves. Can you name the band as soon as you hear this clip?
0:17

"Owner of a Lonely Heart" 1983 began as a demo before being transformed into a bold new 1980s sound. The bigger backstory is that the band was reinventing themselves. Can you name the band as soon as you hear this clip?

🇺🇸Hot Pepper

48,130 views • 3 months ago