React-three-fiber

Just launched this account. The shaders are shaky, the lights are too bright, and the camera forgot how to orbit. Just like any real R3F project. Welcome.

Harmonic Geometries, a generative playground that visualizes the mesmerizing math behind epicycles. Traditionally, epicycles are just circles rolling on circles. But I wanted to push the concept further: what if those nested oscillators were triangles, squares, or hexagons? Tech Stack: React + TypeScript | @Threejs + @reactthreefiber + Postprocessing Like if you’re impressed Repost if you’re into creative coding Shoutout to the legends: @mrdoob @pmndrs @iquilezles #CreativeCoding #GenerativeArt #ThreeJS #WebGL #WebAudio #MathArt #React #Frontend

@thekitze 1. Codex (web or app, auto PR) 2. @vercel preview envs (auto deploy) 3. @supabase redirect wildcards (preview env auth): github.com/supabase/auth/… 4. @github "Develop.Preview.Ship." to "Prompt.Preview.Ship". Desktop - iPad - phone... ( + @nextjs PAGES + @reactthreefiber ... )

What if the ungraspable core of human existence could be seen in 3D? The Lacanian Real - an interactive visualization of Jacques Lacan’s psychoanalytic philosophy. Lacan structured human reality into three orders: The Imaginary, The Symbolic, and The Real. "The Real" isn't reality as we know it; it is the raw, chaotic truth of existence that completely resists being put into words. Because we are beings of language (The Symbolic), we constantly circle this void, trying to make sense of it, but our words always fail to capture it. The visualization represents a singularity (The Real) at the center, surrounded by orbiting glass spheres (The Symbolic) that endlessly refract and distort its light - never quite touching it- The void we circle but can never name. Built with React + @reactthreefiber + @threejs + MeshTransmissionMaterial + Bloom Like/RT #CreativeCoding #ThreeJS #Philosophy #Psychoanalysis #DigitalArt

3.14 Pi Day Experiment: Trying to render 1 million digits of π in real time… and they form the giant π symbol in 3D. From a tiny 100-digit to a massive glowing orange cloud of 1 million points. Web Workers handle the insane calculation (Machin formula), Instanced Mesh + Bloom shaders do the rest. Built with React + @threejs + @reactthreefiber Happy Pi Day (3.14), everyone! Like/ RT #PiDay #ThreeJS #Mathematics #CreativeCoding #DataViz

Signal Forge: An interactive Morse Code Encoder that visualizes the entire binary tree Type any message → watch the glowing signal trace the exact path in real-time, synced with authentic 600 Hz audio beeps. Built with React + TypeScript + @threejs + @reactthreefiber + Web Audio API + Tailwind Tag a retro-tech friend!! Like/RT #CreativeCoding #ThreeJS #MorseCode #WebAudioAPI #GenerativeArt

Latest Hobby project: Visualizing Song Lyrics.... What if you could see the lyrics text structure of a song as a living, breathing network? Built with React + TypeScript + @threejs + @reactthreefiber Music Credits: Bohemian Rhapsody (Queens) #CreativeCoding #ThreeJS #MusicVisualization #GenerativeArt #DataViz

Beyond boring bar charts: Real-time river flow as a living, glowing fluid simulation Introducing AquaMetrics: @USGS streamflow data turned into WebGL magic. Tech: React + TypeScript + @threejs + @reactthreefiber + custom GLSL shaders (FBM noise + domain warping) + Tailwind. Like/RT.. #DataViz #CreativeCoding #WebGL #ThreeJS #USGS

3D Scrolling Cylinder 🌀✨ Built with #ThreeJS + #R3F and @pmndrs. Using @greensock ScrollTrigger to drive rotation, tilt, and dynamic text. Featuring @pmndrs post-processing for that premium Bloom glow. 🔗 three-js-scroll-topaz.vercel.app #threejs #gsap #webgpu #creativecoding #r3f

3D Self-Organizing Map Visualizer Data stretches, folds & learns in real-time as the target 3D data morphs Tech: React + TypeScript + @threejs + @reactthreefiber + custom SOM math per-frame. Like/RT.. What's your favorite way to visualize unsupervised learning? #MachineLearning #DataViz #ThreeJS #CreativeCoding #NeuralNetworks #DataAnalytics

Very closeeee... #threejs #webgl #r3f #ui #3Danimation #landingpage

What if you could see the wind instead of just reading numbers? Introducing 3D Wind Compass: A live 3D wind compass where a golden needle spins to real wind direction, data pillars rise in the wind's path - making invisible forces feel alive! Powered by Open-Meteo API Tech: React + TypeScript + @reactthreefiber + @threejs + @reactthreefiber + @tailwindcss Note- for the video, used demo data to make the compass movement more prominent. You can choose actual location as well from the filter. #DataViz #ThreeJS #WeatherViz #CreativeCoding #WebGL

Digital Veins of the Earth: 3D globe of submarine cable (99% of global traffic)! Watch pulses race through fiber routes, comet tails show flow speed, landing stations fire like synapses. Tech: React + TypeScript + @threejs + @reactthreefiber + custom GLSL shaders + TeleGeography data. Like/Retweet.. #SubmarineCables #DataViz #ThreeJS #InternetInfrastructure #CreativeCoding

If you're working on #R3F projects, we'd love to spread the word! 😃 Mention this account and we'll help you reach more people 👀

Brilliant 🫡 Someone made a complete 3D electric circuit simulator, running in the browser. Threejs (r3f) + arduino simulation + analog simulation

Anicent mars 🛸 discoverd through Genie 3 for browser Environment: @theworldlabs #webgl #threejs #r3f #sparkjs #AI #technology

infinite 3d canvas that actually performs a beautiful exploration & R3F tutorial by Edoardo Lunardi → tympanus.net/Tutorials/Infi…

AI×WebGLの最短学習テクニック 「Unity VFX」で検索したチュートリアル動画のURLをNotebookLMにぶち込む ↓ 詳細な技術記事として出力 ↓ CursorにReact / R3Fで再現するための実装計画を作らせる ゲームでよく見るような表現もこの方法だとスピーディに学習できる #webgl #threejs

Just wrapped up this particle morphing experiment using R3F + TSL! Used DataArrayTexture to store position samples, so the shader just lerps between layers with minimal CPU overhead. 🔗tsl-morphing-particles.vercel.app 💻github.com/chrismaldona2/… #threejs #r3f #threejsjourney #tsl #webgpu

Horror version of Genie 3 for browser 🥶 Environment: @theworldlabs #webgl #threejs #r3f #gaussiansplatting #3danimation #3dgame #horror

False Earth 🌑 A real-time procedural landscape of infinite grass and flowers. 💠 Powered by WebGPU & TSL. Built with @threejs & @pmndrs. #webgpu #threejs #r3f #creativecoding