Banksy Shredder

A simple art shredder made famous by Banksy using CSS Grid and Anime JS.

Made with: HTML,CSS,JS

View Code

Line Drawing

Line drawing with anime.js.

Made with: HTML,CSS,JavaScript

View Code

Svg Morphing With Anime.Js

Simple SVG morphing with anime.js.

Made with: HTML (Pug),CSS (SCSS),JavaScript (Babel)

View Code

Animated Hexagon Circle Logo

Logo animation using anime.js.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Svg Illustration With Anime.Js

Animated SVG illustration with anime.js.

Made with: HTML,CSS (Sass),JavaScript

View Code

Hand Written Svg Text Animation

A little hand written text animation made with anime.js. The masking is a little rough but you get the idea.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Mobile Planet Gallery

Mobile planet gallery with anime.js.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Snake Highlight

Slithering highlight in login form with anime.js.

Made with: HTML,CSS,JavaScript

View Code

Download Button

Used CSS transitions and animations, along with the lightweight animation library anime.js, and segment.js for SVG animations.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Card Flip

A simple card flip effect using anime.js.

Made with: HTML,CSS,JavaScript

View Code

Animated Svg Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Used anime.js for the animations.

Made with: HTML,CSS,JavaScript

View Code

Expanding Grid Item Animation

A grid item animation where the thumbnail scales up when the details view is opened. Used anime.js.

Made with: HTML,CSS,JavaScript

View Code

Bike To School

An experiment with bodymovin.js and anime.js.

Made with: HTML,CSS,JavaScript (Babel)

View Code

Modern Retro - Ibm Think

IBM invites you to think. A modern retro poster for the IBM think campaign. Combines SVG dash technique with animations with anime.js to animate circles to the logo. Uses SVG blend modes to recreate the blending of colors in the logo.

Made with: HTML,CSS,JavaScript

View Code

Submit Button

Submit button with anime.js.

Made with: HTML,CSS (SCSS),JS

View Code

Grid Loading Animations

A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded. Used anime.js.

Made with: HTML,CSS,JavaScript

View Code

Animation With Anime.Js

Simple and clear animation for menu with anime.js.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Preloader With Anime.Js

Made with: HTML (Haml),CSS (SCSS),JavaScript

View Code

Anime.Js Fireworks

Made with: HTML,JS

View Code

Color Changing

Click anywhere.

Made with: HTML,CSS (SCSS),JavaScript

View Code