On-Scroll Text Repetition Animation
by Mary Lou
An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.
+ more#typography
Lines to Content Layout Animation
by Mary Lou
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
+ more
Letter Shuffle Animation for a Menu
by Mary Lou
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.
+ more
Repetitive Typography Animation
by Mary Lou
An experimental typography animation based on a kinetic type design by Domagoj Štrok where words get duplicated several times.
+ more
Kinetic Typography Page Transition
by Mary Lou
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
+ more
Creating a Typography Motion Trail Effect with Three.js
Learn how to use WebGL framebuffers via Three.js to create an interactive motion trail effect for text.
+ more
Inline to Menu Link Animation
by Mary Lou
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
+ more
Rotated 3D Letters and Image Hover Effect
by Mary Lou
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ more
Text Outline Animation with Three.js
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL.
+ more
Distributed Letters Animation Layout
by Mary Lou
A distributed letters animation in the context of a triple panel layout with hover effect.
+ more
Circular SVG Text Animation
by Mary Lou
Exploring some experimental circular SVG text effects for an intro animation.
+ more
On-Scroll Letter Animations
by Mary Lou
A small set of examples showing how letters can be animated on scroll.
+ more
Diagonal Thumbnail Slideshow Animation
by Mary Lou
A simple slideshow with tilted thumbnails and large titles that animate when navigating.
+ more
Making Stagger Reveal Animations for Text
by Mary Lou
A short tutorial on how to recreate a letter stagger animation with GSAP and Splitting.js.
+ more
Kinetic Typography with Three.js
Discover how to use Three.js to render kinetic 3D typography.
+ more
Morphing Gooey Text Hover Effect
by Mary Lou
Three gooey morphing hover effects using SVG filters for menu links based on a demo by Graham Pyne.
+ more
CSS-Only Marquee Effect
by Mary Lou
A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.
+ more
Ideas for Distorted Link Effects on Menus
by Mary Lou
Some examples of how to use decorative distortion effects on big typography menu links.
+ more