Page Loading Effects
By Mary Lou on
A set of creative page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation while new content get
animation
Inspiration for Item Transitions
By Mary Lou on
Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product i
Tilted Content Slideshow
By Mary Lou on
A tutorial on how to recreate the slideshow seen on the FWA landing page with 3D effects involving random animations.
SVG Drawing Animation
By Mary Lou on
A little experiment that explores the usage of SVG line drawing animations to precede the appearance of graphics or website elements, simulating the loading of them.
SVG Icons FTW
By Oleg Solomka on
Despite the growing popularity of SVG, its time around and excellent browser support, we have a lack of good vector icon approaches. It's time to fill this gap and u
Animated SVG Icons with Snap.svg
By Mary Lou on
Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons
Animations for Thumbnail Grids
By Mary Lou on
There are many parts of a website where we can apply nice transitions to make things more interesting. Images are certainly great entities for playing with fancy eff
Animated Checkboxes and Radio Buttons with SVG
By Mary Lou on
By animating an SVG path with JavaScript, we can do many fancy things. Today we want to show you some effects for checkboxes and radio buttons. The idea is to hide t
Animated Border Menus
By Mary Lou on
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
Creative Loading Effects
By Mary Lou on
Some ideas and inspiration for loading effects on a website.
Loading Effects for Grid Items with CSS Animations
By Mary Lou on
Some inspiration for loading effects of grid items using CSS animations.
Nifty Modal Window Effects
By Mary Lou on
A set of experimental modal window appearance effects with CSS transitions and animations.
Examples of Pseudo-Elements Animations and Transitions
By Marco Barria on
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
A Collection of Page Transitions
By Pedro Botelho on
A showcase collection of various page transition effects using CSS animations.
Text Opening Sequence with CSS Animations
By Mary Lou on
A simple and fun text opening sequence effect with blurry letters using CSS animations.
Designing with Motion
By Henry Modisett on
Animations in a website or app should be subtle, complex, and natural. The right combination of these can make a UI feel responsive and alive.
Interactive Infographic with SVG and CSS Animations
By Adam Coulombe on
Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.
How to Create a Simple Multi-Item Slider
By Mary Lou on
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on