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 50 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
spark.js GLTF Demo: Real-Time Texture Transcoding for Faster Asset Delivery
A GLTF viewer that ships textures as compact WebP or AVIF, then transcodes them to GPU-compressed formats in the browser. Small downloads, efficient VRAM. Spark.js handles the conversion so you get the best of both worlds.
- 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
Ameen Abdullah's Portfolio Turns the Browser Into a Stage
A WebGPU sakura scene anchors the hero, Vue drives the page, and a second WebGL layer paints mini scenes into textures aligned with the DOM. Off-screen blocks pause their work. Subtitles arrive in Japanese. A portfolio that behaves like a place rather than a CV.
- 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
MONTREAL: A Snowy Owl Guides You Through a Hand-Illustrated WebGL City
Leeroy's MONTREAL is a WebGL experience where a snowy owl walks you through nine illustrated landmarks. Built with Three.js, Angular, GSAP, and Lottie, it layers hand-drawn art into 3D space with the feel of a storybook that learned how to breathe.
- Showcase
Rahatil & Co: A 300KB Creative Site Built to Hold 60fps on Modest Hardware
Rahatil & Co spent 500 hours making a creative-category site that detects your hardware and adapts on the fly. Zero dependencies, under 300KB, and a hidden admin panel that redeploys the whole thing globally in under a second.
- Showcase
Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment
Joseph Santamaria turned his portfolio into a full 3D environment you scroll through like a short film. Three.js, GSAP, hand-built scenes, and camera choreography that treats web performance as a design constraint. Built from Ecuador, no shortcuts.
- Showcase
McLaren F1 Driver Lando Norris Official Website
F1 driver Lando Norris gets a digital home that matches his energy. 3D helmet rotations, Rive animations, and scroll-driven cinematics, all running smooth in Webflow. Awwwards Site of the Month.
- 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
22.09.2000 He Was Born Runs a Portfolio Through a WebGL TV
LUCERRÁ's WebGL portfolio behaves like one CRT broadcast, using texture layers, live 3D render targets, glitch transitions, hand tracking, and adaptive quality.
- Showcase
GRAIR: A Luxury Jewelry Site That Refuses to Sell You Anything
A jewelry concept with no grid, no cart, no product shots. Just a slow descent through purple shadow toward one diamond, built in Three.js and Blender where lighting does the work geometry usually does. Scroll becomes a camera. Mood becomes the interface.
- News
Google Introduces HTML-in-Canvas API: Accessible UI Meets WebGL / WebGPU
At Google I/O 2026, Chrome engineer Thomas Nattestad unveiled the HTML-in-Canvas API, which is a new web platform feature that lets developers render HTML elements directly into canvas, WebGL, and WebGPU contexts while preserving accessibility and interactivity.
- Showcase
Crystal Words: A Snowflake for Every Word You Type
Type a word. Watch it break into a six-fold ice lattice and hang in the air like a frozen sentence. Crystal Words is a small WebGL piece by Ming Jyun Hung that grows a structurally unique snowflake from whatever you put into the keyboard.
- Showcase
Choo-Choo World: A WebGL Wooden Train Set Builder That Runs in Your Browser
Lusion built a wooden train track builder in Three.js with a clay-dough art style, single-texture UV baking for day/night cycles, and a first-person ride-along camera. It ships as a PWA and runs smooth on mobile. Go stack tracks until physics gets nervous.
- 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
Climbuddy: From Phone Photos to Interactive 3D Climbing Walls in the Browser
Snap photos of a bouldering wall, get back a textured 3D model with routes and holds auto-detected. Climbuddy chains COLMAP, SAM, and YOLO into a WebGL viewer that actually makes sense to use.
- 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
Giuseppe Paccione Turns a Portfolio Into a 3D Configurator
Giuseppe Paccione’s site is a real-time 3D interior portfolio-configurator with BIM, AI, authored textures, path tracing preview, LOD choices, and material controls.
- 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
Ad-Deir Monastery in WebGL: CyArk's Tapestry Takes You Inside Petra
CyArk's Tapestry rebuilds Petra's Ad-Deir Monastery from LiDAR and photogrammetry, then hands you the keys. A narrated seven-scene tour on a high-res textured mesh, with a free-explore mode sharing the same source of truth. Restrained engineering dressed up as a field trip.
- 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
UNESCO's Virtual Museum of Stolen Artifacts, Rebuilt in 3D with NanoGL
A WebGL museum you weren't expecting to need. makemepulse rebuilt 240+ looted artifacts in 3D using their in-house NanoGL framework and a generative AI pipeline that turns flat photos into textured models. Architect Francis Kéré designed the space. The subject matter does the rest.
