Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL
In Tutorials, by Paola Demichelis
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
typography
Case Study: Stefan Vitasović Portfolio — 2025
In Articles, by Stefan Vitasović
An article behind the process of Stefan’s 2025 creative dev portfolio — a minimalist design, dynamic visuals and shader effects.
100 Days of Web Experiments: A Designer’s Journey into the Unknown
In Articles, by Suz Sirunyan
A designer’s journey of creative exploration—100 days, 100 experiments, and the lessons learned along the way.
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
How to Create an Organic Text Distortion Effect with Infinite Scrolling
In Tutorials, by Jorge Toloza
Learn how to create an organic distortion effect for text using JavaScript and CSS for a unique, fluid animation.
Staggered (3D) Grid Animations with Scroll-Triggered Effects
In Playground, by Manoela Ilic
A playful concept where we use scroll-based animations to create 3D grid effects and other transitions.
Designer Spotlight: Eva Sánchez
In Articles, by Eva Sánchez Clemente
Eva Sánchez shares her passion for transforming brands into dynamic digital experiences through playful interactions and award-winning designs.
Exploring Playful Context-Aware Animations for Fixed Elements
In Playground, by Manoela Ilic
Exploring how fixed elements can hide and reveal based on scroll interactions with playful, context-aware animations.
Scroll-based SVG Filter Animations on Text
In Playground, by Manoela Ilic
A small set of scroll-based SVG filter animations on HTML text.
Hover Animations for Terminal-like Typography
In Playground, by Manoela Ilic
Some fun Terminal-like character hover animations for lines of text.
A Selection of Fonts That Future-Proof Your Web Design
In Articles, by Manoela Ilic
A small selection of fonts ideal for keeping your web design timeless and forward-looking.
Blurry Text Reveal on Scroll
In Playground, by Manoela Ilic
A blurry text reveal animation on scroll inspired by Rauno’s “Blur reveal”.
Some On-Scroll Text Highlight Animations
In Playground, by Manoela Ilic
Some ideas for scroll-based text highlight animations.
On-Scroll Expanding Image Animation within Typography
In Playground, by Manoela Ilic
An animation experiment where we expand an image within some typographic element on scroll.
Creating an Interactive 3D Bulge Text Effect with React Three Fiber
In Tutorials, by Roman Jean-Elie
Exploring how to generate an engaging bulge effect on text using React Three Fiber.
Experimental On-Scroll Text Animations with SVG Clip-Path
In Playground, by Manoela Ilic
Some experiments with on-scroll typography effects using SVG clip-paths.
On-Scroll Sliced Text Animation
In Playground, by Manoela Ilic
A scroll-triggered sliced text animation, where segmented elements reunite while scrolling.
Inspiration for Text Block Transitions
In Playground, by Manoela Ilic
Some inspiration for transitioning text blocks with different word animations.
