Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Also searching for Typography, because “text” is another name for it.
Results 1 to 24 of 34 for “text”.
Troika: The Three.js Framework That Solved WebGL Text Rendering
Troika parses font files directly, generates SDF glyphs in a web worker, and patches any Three.js material with the right shader code. The result is crisp, antialiased 3D text that handles kerning, ligatures, and RTL layout without dropping frames.
Ranked results
- Showcase
curtains.js: DOM-Driven WebGL Textured Planes
Martin Laxenaire's lightweight WebGL library that converts HTML elements into shader-driven textured planes positioned exactly where your CSS says they should be. Write normal markup, add shaders, skip the coordinate math.
- Showcase
Skatebuilder: A 3D Skateboard Configurator
Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.
- Showcase
Interactive WebGL Jersey Slider Blends Team Kits in 3D
Prity Dhara’s Three.js jersey slider uses one 3D model, shader-based texture transitions, fabric movement, and GSAP motion to make kit changes feel physical.
- Showcase
Shader Lab: Stack, Animate, and Export GPU Shaders in the Browser
A layered shader compositor that runs on WebGPU. Stack gradients, text, and TSL passes, then bend them through a CRT layer that models phosphor smear and channel convergence. Write shaders as node graphs, keyframe the knobs, and export the whole thing into React.
- Showcase
ThoughtLab: WebGL as Brand Infrastructure, Not Decoration
ThoughtLab's homepage treat WebGL as structural, not ornamental. Real-time 3D interfaces, scroll-driven depth, and interactive flows built for commercial use. A 26-year-old studio that keeps choosing the GPU when flat design would be easier.
- Showcase
MasterSelects: A GPU-First Video Editor Built Entirely on WebGPU
A full video editor running in the browser with zero CPU roundtrip. 37 blend modes in one WGSL shader, GPU-accelerated scopes, optical flow scene detection, and SAM2 segmentation on-device. 13 dependencies. MIT licensed.
- Showcase
Igloo Inc: Crystal Growth Algorithms, Shader-Driven UI, and Volume Data
Abeto built the Igloo Inc site entirely in WebGL, from procedurally grown ice crystals to shader-driven UI text. The particle footer alone, powered by custom VDB-to-browser volume data, is worth the scroll.
- Showcase
Aurelia: Fully Procedural Jellyfish with WebGPU
A real-time procedural jellyfish built with Three.js WebGPURenderer. Bell contractions, verlet tentacles, and iridescent shaders are all generated on the fly in TSL. No baked textures, just pure GPU compute.
- Showcase
Particles Cursor Turns Images Into a Shader Field
Gabriel Villanueva’s Three.js experiment turns images into particle grids that react to cursor movement through GLSL displacement, texture color, and real-time controls.
- Showcase
Semantic Globe: A WebGPU Earth That Understands Plain English
Type a vibe like "somewhere cold and lonely" and watch a 3D Earth pin the answer. The text embeddings and the planet shaders share one GPU in one browser tab, no server in the loop. Joshua Lochner's quiet flex of what WebGPU can do when nobody is looking.
- Showcase
LFM2-MoE: An 8.3B Parameter Language Model Running Entirely in Your Browser via WebGPU
Liquid AI's LFM2-MoE loads 8.3B parameters (1.5B active) and generates text client-side through WebGPU. No server, no API key. A hybrid convolution-attention architecture running Mixture-of-Experts inference in a browser tab, powered by Transformers.js.
- Showcase
DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness
A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.
- Showcase
San Rita: A Studio Site Disguised as a Topographic Map
San Rita ditches the agency portfolio grid for something stranger: a navigable topographic landscape where projects sit like waypoints on a trail system. Some paths are open, some are closed for restoration. It's weird, deliberate, and worth inspecting.
- Showcase
CHILE20: Active Theory's Three-World WebGL Campaign for Adidas Originals
Active Theory built three scroll-driven WebGL worlds for adidas CHILE20, each with its own visual identity. 500K-poly garments baked down to mobile-friendly meshes, fluid cross-world transitions, and a lockdown-era campaign that still holds up.
- Showcase
gpu-curtains: A WebGPU 3D Engine That Syncs Shaders to Your DOM
Martin Laxenaire rebuilt his DOM-to-shader library for WebGPU, and this time it's a full 3D engine. Lights, shadows, compute shaders, glTF support, and the same trick that made curtains.js useful: your HTML elements become shader geometry that scrolls and resizes like native DOM.
- Showcase
WebHeat: GPU-Powered Thermal Simulation for Any STL File
A high school senior learned Newton's law of cooling in class, then built a full thermal simulation in the browser. Drop in any STL, watch heat propagate through voxelized geometry on the GPU. WebGPU compute shaders, React frontend, and a useRef trick that keeps it all from falling apart.
- Showcase
WebGPU Water Simulation: Porting a Piece of Graphics History
The 2011 demo that helped inspire Figma gets a WebGPU rewrite. Ripples, caustics, raytraced reflections, and a bobbing sphere, all running on modern GPU APIs. Yong Su's port is a case study in what it takes to cross the WebGL-to-WebGPU bridge.
- Showcase
The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade
Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.
- Showcase
Forged.build
Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.
- Showcase
A Project Gallery That Bends Like Film
A row of project cards behaves like a strip of film you can scroll, flex, and shove around with your cursor. Built in Three.js with hand-written GLSL, where scroll velocity drives a vertex-shader bend and a post-process pass adds the grainy, almost celluloid edge shimmer.
- Showcase
Gaussian Splats on a Revit Model in 600 Lines of JavaScript
Michael Beale's gaussian-splats-lmv overlays photoreal XGRIDS captures onto a Revit model inside the APS Viewer. Same camera, same section planes. Three modules, roughly 600 lines of JS, a 65,536-bucket counting sort in a Web Worker, and 32-byte splat records doing the heavy lifting.
- Showcase
Patina Preview: Real-Time Procedural Weathering in Three.js and TSL
A small procedural PBR playground by codetaur where metal ages in real time. Oxidation pools in the cavities, highlights dull from mirror to milk, and the whole surface rewrites itself through a Three.js TSL node graph running on WebGPU.
- Showcase
Justine Soulié's Portfolio: A WebGL Site Where Illustrations Are the Interface
Every illustration on Justine Soulié's portfolio is a live WebGL scene with its own micro-interactions. Built by Patrick Heng using OGL, scroll physics, and custom shaders, the canvas isn't decoration. It is the UI.
