Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Testing a 3D logo/case study picker using React Three Fiber

iampetrknoll's profile picture

Petr Knoll

3,219 subscribers

47,456 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungKunst
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Petr Knoll
Petr Knollvor 1 Jahr

fog is giving me some Arrival vibes

Profilbild von React Universe Conf | Sept 2-4, 2025
React Universe Conf | Sept 2-4, 2025vor 1 Jahr

React Universe is a constantly evolving ecosystem—driving curiosity and continuous learning. And that's what we love about it! 🙌 Join us at React Universe Conf 2025 to future-proof your dev team:

Profilbild von andrew
andrewvor 1 Jahr

insane work. how does react three fiber impact bundle size/seo?

Profilbild von Petr Knoll
Petr Knollvor 1 Jahr

It's pretty hefty and isn't directly crawlable for SEO, but there are workarounds. Wouldn't make this be the primary way to interact with cases, just a cool secondary visual

Profilbild von Faizan Alve
Faizan Alvevor 1 Jahr

Nice 3d Animation 😍

Profilbild von Vist
Vistvor 1 Jahr

Wow!! Such a cool idea

Profilbild von Fons Mans
Fons Mansvor 1 Jahr

Uhm hello this is fcking sick

Profilbild von Petr Knoll
Petr Knollvor 1 Jahr

Haha thanks!

Profilbild von Tim ✖️
Tim ✖️vor 1 Jahr

Were any logos harmed?

Profilbild von Marv Naka
Marv Nakavor 1 Jahr

Crazy good man, seriously

Profilbild von Petr Knoll
Petr Knollvor 1 Jahr

Appreciate it!

Ähnliche Videos

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,792 Aufrufe • vor 4 Monaten

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang
1:18

Glm-5 ile Minecraft yapmak. Kullanılan Teknolojiler: Oyun Motoru & 3D Grafik Three.js – WebGL tabanlı 3D grafik kütüphanesi React Three Fiber – Three.js için React renderer 🌐 Frontend Framework Next.js 16 – React tabanlı framework React 19 – UI kütüphanesi TypeScript – Tip güvenli JavaScript Z.ai Zixuan Li jietang

Mehmet

10,925 Aufrufe • vor 3 Monaten

Bored of boring flat heatmaps? Introducing Topographical Explorer that turns any country into a real-time tactile landscape Search any country → watch real elevation data come alive as thousands of satisfying 3D blocks. Built entirely client-side with: - React Three Fiber + Three.js - AWS Terrain Tiles + OpenStreetMap - Real-time boundary Three.js React-three-fiber #DataVisualization #Geospatial #CreativeCoding #BuildInPublic
0:24

Bored of boring flat heatmaps? Introducing Topographical Explorer that turns any country into a real-time tactile landscape Search any country → watch real elevation data come alive as thousands of satisfying 3D blocks. Built entirely client-side with: - React Three Fiber + Three.js - AWS Terrain Tiles + OpenStreetMap - Real-time boundary Three.js React-three-fiber #DataVisualization #Geospatial #CreativeCoding #BuildInPublic

SHAHNAB AHMED

612,776 Aufrufe • vor 1 Monat

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉
0:29

🥪 Learn how to make a 3D Sandwich Configurator with React Native and React Three Fiber! 🍭 WawaWonka is hidden in the video with a 🎟️ Golden Ticket to get for free! Be the first to redeem it 👉

Wawa Sensei

39,633 Aufrufe • vor 2 Jahren

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁
1:09

Introducing pmndrs/viverse and react-three/viverse 🎉 A Toolkit for building Three.js and React Three Fiber Apps for VIVERSE and beyond with only a few lines of code ⟁

Bela Bohlender

22,510 Aufrufe • vor 10 Monaten

Demo of a Google AR & VR 3D Tiles editor in Poimandres' react-three-fiber, drei and NextJS. Completely hackable! ⚡️ 🌏 Edit the world from anywhere, from your browser! ⏳No need to install 3D engines 📖 Open source
0:45

Demo of a Google AR & VR 3D Tiles editor in Poimandres' react-three-fiber, drei and NextJS. Completely hackable! ⚡️ 🌏 Edit the world from anywhere, from your browser! ⏳No need to install 3D engines 📖 Open source

Alberto

63,948 Aufrufe • vor 3 Jahren

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f
1:04

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,770 Aufrufe • vor 3 Jahren

Testing logo transformations in VEO 3 using JSON. ⚙️🎥
0:24

Testing logo transformations in VEO 3 using JSON. ⚙️🎥

Koldo Huici

362,980 Aufrufe • vor 10 Monaten

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,426 Aufrufe • vor 2 Jahren

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).
0:26

Opus 4.6 vs Gemini 3 Pro (3/9) prompt: Build a premium interactive isometric 3D cozy room using Vite + React + Three.js (react-three-fiber/drei), with all objects modeled in code (no external assets) and subtle ambient animations. Gemini looks good on initial impression but I feel like I have way more to work with opus here (opus also did light/dark mode and took a quarter of the time to make it).

Dev Ed

77,206 Aufrufe • vor 3 Monaten

Russia testing a USV launched fiber optic strike drone.
1:00

Russia testing a USV launched fiber optic strike drone.

Preston Stewart

29,618 Aufrufe • vor 3 Monaten

Prince William believes you can have zero homelessness and he’s using Finland as a case study.
4:32

Prince William believes you can have zero homelessness and he’s using Finland as a case study.

CNN

265,135 Aufrufe • vor 2 Jahren

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇
0:22

my gift for the @levelsio game jam a three.js starter file with cannon.js, react three fiber, and drei.. ready to go no paywall, just a download link 👇

Aurelien

94,775 Aufrufe • vor 1 Jahr

Take a look at this animated 3D arm muscles study created by 3D Artist John Newell using ZBrush. More anatomy studies: #zbrush #3dsculpting #anatomy #reference
0:28

Take a look at this animated 3D arm muscles study created by 3D Artist John Newell using ZBrush. More anatomy studies: #zbrush #3dsculpting #anatomy #reference

80 LEVEL

55,652 Aufrufe • vor 2 Jahren

.Ann He and I won the AGI House ai x commerce hackathon on saturday! we built taste space: a 3d representation of 1500 clothing items that, through rating, you can place yourself in. built with CLIP, UMAP, synthetic labeling, react three fiber, and more. thread 👇
0:36

.Ann He and I won the AGI House ai x commerce hackathon on saturday! we built taste space: a 3d representation of 1500 clothing items that, through rating, you can place yourself in. built with CLIP, UMAP, synthetic labeling, react three fiber, and more. thread 👇

Michelle Lu

86,612 Aufrufe • vor 1 Jahr

New work for IBM. Sound by Cypher. Case study + creds coming soon. #tendril #ibm #3d #motiondesign
0:51

New work for IBM. Sound by Cypher. Case study + creds coming soon. #tendril #ibm #3d #motiondesign

Tendril

21,690 Aufrufe • vor 1 Jahr

Verydarkman react to Federal government using Yahaya bello who is currently having a case with EFCC as witness in their filled case against Suspended Senator natasha akpoti
5:32

Verydarkman react to Federal government using Yahaya bello who is currently having a case with EFCC as witness in their filled case against Suspended Senator natasha akpoti

Nigeria Stories

87,133 Aufrufe • vor 1 Jahr

Nigeria a case study.
1:29

Nigeria a case study.

Chinasa Nworu

10,475 Aufrufe • vor 1 Jahr

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork
1:45

✨ Introducing Triplex — the React Three Fiber editor, now in public alpha! Here's a video fleshing out a scene, sound on! 🔊 🧵👇 Continue into the thread below for more information and what's coming next for Triplex. #threejs #react #webgamedev #r3f #gamedev #3dartwork

mike douges

219,510 Aufrufe • vor 3 Jahren