THEMETRIAL

Category - PLAYGROUND

Playground. In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and …

On-Scroll Letter Animations | Codrops

A small set of examples showing how letters can be animated on scroll. From our sponsor: Elevate all your marketing with Mailchimp Smarts. Today I’d like to share some on-scroll animations for typography with you...

Magnetic Buttons | Codrops

A small set of magnetic buttons with some fun hover animations. From our sponsor: Get started on your Squarespace website with a free trial It has been a long time since we explored some button styles here on Codrops...

Thumbnail to Full Width Image Animation

From our sponsor: Get started on your Squarespace website with a free trial The other day I stumbled upon this fantastic animation by Akram Khalid which he also coded up as part of a tutorial on page transitions with...

WebGL Video Transitions with Curtains.js

From our sponsor: Get started on your Squarespace website with a free trial We’ve done some crazy polygon transitions, and before that some WebGL Image Transitions. But a lot of people have been asking how to translate...

Scroll Animations for Image Grids

Some ideas for scroll animations for image grids powered by Locomotive Scroll. From our sponsor: Get started on your Squarespace website with a free trial The other day I looked at the beautiful website of Elias &...

Inline Menu Layout with Gallery Panel

An inline menu layout with a playful hover animation and a gallery content preview panel. From our sponsor: Get started on your Squarespace website with a free trial Sometimes, sh*t happens. Some days ago it was one of...

Image Stack Intro Animation | Codrops

Two simple intro animations where an image stack moves to become a grid. From our sponsor: Get started on your Squarespace website with a free trial Today I want to share a simple intro animation with you. The concept...

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.