Custom Cursor Effects
A collection of five demos and a tutorial on how to create animated custom cursor effects for interactive elements like navigations, galleries and carousels.
+ more#inspiration
Awesome Demos from 2018
by Mary Lou
A collection of our favorite demos and experiments from 2018.
+ more
Inspirational Websites from 2018
by Mary Lou
An inspirational collection of our favorite website designs from 2018.
+ more
Image Reveal Hover Effects
by Mary Lou
A set of link hover effects that reveal a thumbnail in different creative ways.
+ more
Ideas for Proximity Feedback with Progressive Hover Effects
by Mary Lou
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
+ more
Particle Effects for Buttons
by Luis Manuel
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
+ more
Scrolling Letters Animation
by Mary Lou
A switching title effect where a fixed text element changes with an animation depending on the scroll position.
+ more
Slice Revealer
by Mary Lou
A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments.
+ more
Decorative Letter Animations
by Mary Lou
Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.
+ more
3D Particle Explorations
by Jack Rugile
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders.
+ more
Decorative WebGL Backgrounds
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
+ more
Animated SVG Frame Slideshow
by Mary Lou
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.
+ more
Dynamic Shape Overlays with SVG
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
+ more
Liquid Distortion Effects
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
+ more
Morphing Page Transition
by Mary Lou
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
+ more
Inspiration for Menu Hover Effects
by Mary Lou
Some menu link hover effects for your inspiration. Powered by CSS and JavaScript for individual letter animations.
+ more
Letter Effects and Interaction Ideas (Part 2)
by Mary Lou
A new set of letter effects and animations for playful typography interactions.
+ more
Letter Effects and Interaction Ideas
by Mary Lou
A couple of ideas for typography animations and letter (hover) effects for playful interactions.
+ more