Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results
Also searching for Typography, because “text” is another name for it.
Results 1 to 24 of 69 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
FLAKE: Distance-Driven Pattern Generation With Custom Shapes
FLAKE uses distance-from-center to control scale, color, and rotation across a grid of shapes. Use images as masks. Export to vector or video.
- 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
BOIDS: A Parametric Playground for Emergent Flocking Behavior
BOIDS simulates flocking through three local rules: separation, alignment, cohesion. No central control. Every parameter is exposed. Click to attract, right-click to scatter. Built in p5.js with texture support and video export.
- 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
ATMOS: A Scroll-Driven Flight Through Procedural Skies
A tiny plane follows a spline through high-poly clouds and shifting gradients. Troika renders the text. A fake DoF blur keeps it cheap. LEEROY made the whole thing load without a progress bar.
- 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
Evian's Bicentennial WebGPU World, Where Rain Runs Downhill
Evian's 200th turned into an alpine scene that hands everything to the GPU: rain that lands on peaks and streaks down the slopes, one wind texture every object obeys, lightning generated fresh on each strike, and 20,000 particles colliding against an SDF instead of meshes.
- 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
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
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
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
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.
