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.
13 results 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
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
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
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
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.
- 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
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
PLAIN: Generate Low-Poly 3D Terrain Graphics in Your Browser
PLAIN creates low-poly 3D plane graphics using vertex geometry and simplex noise. Displace a grid into terrain. Animate the surface. Control camera, color, shape. Export stills or loops. Built in p5.js.
