The most easy to use responsive image viewer especially for mobile devices.


  • Intuitive gestures such as pinch-in/pinch-out/drag/swipe
  • Use Accelerometer to move images
  • Accessible from keyboards and screen-readers

Ember Burger Menu

Saturday, 27 May 2017

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.


  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations

A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly generated color transition gradients and tesselations in the style of Material Design. This jaw-droppingly beautiful JS/CSS snippet can come in handy for photo galleries or header effects.

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview for what's inside.

STIMED.js is a jQuery plugin for controlling CSS styles over time. There are almost endless possibilities for using timed CSS properties. You could change webpage colors to make them more calm at night and more contrast during daytime, or hide a specific element in a certain time, or just move an element in sync with time…

CSS and JavaScript Chat Box

Saturday, 08 April 2017

A simple and easy Javascript and CSS chat box that alternates between users. It is easily customizable to match your site and can be implemented in a heartbeat. The active profile pic gets colored while the others turn black and white for usability.

‘An easy to use flexbox grid system, it’s lightweight (7kb), with classes for medium and small devices, so it can make your layouts fully responsive. It was written entirely in sass, so that you can easily change or customize the grid to suit your needs.’

This is a set of inspirational letter animations for display typography effects powered by anime.js. You know Anime.js is a flexible yet lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

A cool button effect made in pure CSS resembling an atom when hovered over. The button can be implemented easily, using just a few lines of CSS. Add a simple link to the div and you have a functional button for your site or app.

responsive drag slider with parallax effect and transparent letter effect by using javascript, CSS. The thing is pretty easy customizable. You can safely change font, font size, font color, animation speed. The first letter of a new string in array in JS will appear on a new slide.

Easy to create (or delete) a new slide: 1. Add new city in the array in JS. 2. Change number of slides variable and put a new image in scss list in CSS.