Designator

Inspiration

63 stories curated in inspiration.

Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU

A developer created a GPU tube rendering system using TSL and WebGPU that computes positions and normals in shaders, avoiding CPU-side geometry rebuilding for animated lines.

2 days ago14 min read

Codrops

Inspo

Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js

MediaPipe's face landmarks, Google's canonical face model, and Three.js combine to create a real-time textured 3D face mask, with specific attention to topology and UV mapping.

3 days ago10 min read

Codrops

Inspo

Building an Infinite Loom: Unravelling Images into Threads with Three.js

An experimental Three.js demo transforms images into flowing ribbons, weaving them together and unraveling them as they move across the screen, using separate geometry for each thread.

4 days ago4 min read

Codrops

Inspo

More Three.js Speakers, More Ideas from Paris

Three.js Conference speakers will present on interactive storytelling, real-time 3D games, and using Three.js scenes and Gaussian splats as training data for generative video models.

6 days ago10 min read

Codrops

Inspo

Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js

A real-time datamosh effect can be built using Three.js by employing shaders and techniques inspired by video codecs, transforming scene transitions into unpredictable visual distortions.

2 Sept9 min read

Codrops

Inspo

Blender to Three.js and Back: 10 Tips for a Better Workflow

This article offers ten practical tips for designers to improve their Blender-to-Three.js workflow, focusing on integrating AI, Blender, and Blender MCP for efficiency.

Website Inspiration: Berd

Berd, a desktop app for AI agent development, features a clean monochrome interface combined with quirky 3D characters, overlapping cards, and interactive demonstrations.

Kononenko Architectural Bureau

Kononenko Architectural Bureau's website effectively uses minimalism, bold typography, and immersive interactions to showcase its projects and unique design approach.

23 Aug

Codrops

Inspo

Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs

A developer shares lessons learned from building a Three.js lab, detailing how custom shaders, optimized geometry, and careful lighting contribute to cinematic 60fps browser experiences.

22 Aug14 min read

Codrops

Inspo

Relighting Images with Depth Maps and Three.js

Depth maps, TSL, and WebGPU can be combined to transform flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.

Website Inspiration: Specia1ne

Specia1ne's one page digital design portfolio showcases product interfaces and web systems, utilizing a continuous structural axis to connect sections and interactions with strong typography and motion.

18 Aug

Codrops

Inspo

Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data

This tutorial details building an animated testimonial hero in Webflow, using CMS data, a custom JavaScript counter, and GSAP's visual timeline for a dynamic, hand-crafted feel.

Website Inspiration: Softle

Softle uses physics to manipulate organic shapes, eliminating the need for manual drawing.

SSTR - Friction Reduction

SSTR features a modular grid and motion design tailored to oil drilling hardware and engineers.

Website Inspiration: SIMEON SH

Simeon unifies online business revenue views by connecting payment providers, eliminating manual data management and spreadsheets.

15 Aug

Codrops

Inspo

Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage

HAOQI.DESIGN combines DOM and WebGL in a retro-futurist portfolio using scroll sync and glass shaders.

Website Inspiration: Depo Budget App

Depo is an iOS budgeting app with a one page landing page design that provides a clear daily spending number.

Website Inspiration: luis kantor

Luis Kantor designs and builds digital sites for agencies and startups on his personal one page website.

Website Inspiration: ScreenTune

ScreenTune is a one page Mac app for capturing, editing, and exporting screenshots and screen recordings.

12 Aug

Codrops

Inspo

Exploring Procedural Geometry with Three.js and WebGPU

A tutorial details building a Three.js Geometry Painter with WebGPU and TSL, enabling users to procedurally generate diverse visual effects like crystals and bioluminescent reefs on 3D surfaces.

11 Aug21 min read

Codrops

Inspo

From Brand Systems to Cultural Worlds: Inside Antinomy and 27b

Antinomy and 27b are two connected studios building brands across strategy, design, and experience.

Website Inspiration: Mammut Studios

Mammut Studios, a Rotterdam design studio, created a one-pager website showcasing their brand identity and design work.

8 Aug

Codrops

Inspo

The Department Is Open: Building the PX PUSH Website

PX PUSH's website design simulates an old CRT monitor, using CSS and Three.js to create a retro 1980s corporate aesthetic with scanlines, bloom, and edge distortion.

Website Inspiration: OhhMyDesign

OhhMyDesign is a one page design and development studio building brands and websites for clients worldwide.

7 Aug

Page 1 of 3 · 63 total

← PreviousNext →