Advertise here

Animation

Folder Preview Ideas using CSS and Javascript

May 17, 2017     1344     Animation
Folder Preview Ideas using CSS and Javascript

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.

Read More »

Bootstrap Carousel Touch Slider with Text Animation

May 10, 2017     3869     Slider Carousel Animation Bootstrap
Bootstrap Carousel Touch Slider with Text Animation

This is Bootstrap Carousel slider with touch enables dragging slide with beautiful text animation. You can use All text animation from animate.css. Automatically drag the slider left right easily.

Read More »

Infinite Tubes with Three.js

May 09, 2017     1610     Effects Animation
Infinite Tubes with Three.js

A tutorial about creating some WebGL experiments where the viewer seemingly travels through a textured tunnel powered by Three.js 

Read More »

Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

May 02, 2017     3656     CSS3 & CSS Menu Animation
Ember Burger Menu – Off-Canvas Sidebar Component with CSS Animations

Ember Burger Menu is an off-canvas sidebar component with a collection of animations and styles using CSS transitions.

Read More »

Inspiration for Grid Loading Animations

April 11, 2017     1886     Animation Grid & Layout
Inspiration for 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.

Masonry for the grid layout and anime.js for the animations used in this tutorial.

Read More »

Foxholder – 15 Placeholder Form Animations with jQuery

March 28, 2017     1237     CSS3 & CSS Form Elements Animation
Foxholder – 15 Placeholder Form Animations with jQuery

Foxholder is a pack of 15 unique placeholder animations created by using jQuery.

List of Features

  • Smooth and professional-looking CSS3 animations for placeholder
  • 15 unique effects
  • Easy to install
  • Crossbrowser Effects (IE 9+, Safari 9+, FF, Opera, Chrome, Edge)

Read More »

Expanding Bar Navigation Concept with Javascript

March 24, 2017     843     CSS3 & CSS Animation
Expanding Bar Navigation Concept with Javascript

An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.

Read More »

Inspiration for Search UI Effects with CSS Animations and Javascript

February 08, 2017     2016     CSS3 & CSS Effects Animation
Inspiration for Search UI Effects with CSS Animations and Javascript

A couple of schematic, inspirational proof-of-concepts for how to show the search interface on a website using CSS animations and javascript.

There are 11 different examples of search effects that you will find it inspirational.

Read More »

Animated Weather Cards with CSS and Javascript

January 16, 2017     2003     Animation
Animated Weather Cards with CSS and Javascript

A tutorial about creating seamless animation between weather states, and some of animations break outside the container by using css and javascript.

Read More »

iTyped – Dead Simple Javascript Animated Typing

January 07, 2017     974     Animation Text & String
iTyped – Dead Simple Javascript Animated Typing

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.

Read More »

AsciiMorph – Library to Animate Between Two ASCII Images

December 19, 2016     846     Animation
AsciiMorph – Library to Animate Between Two ASCII Images

AsciiMorph is a small stand alone javascript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.

Read More »

KUTE.js – Javascript Animation Engine

December 05, 2016     1263     Animation
KUTE.js – Javascript Animation Engine

KUTE.js is a minimal native Javascript animation engine with jQuery plugin and with most essential features for web developers, designers and animators, delivering easy to use methods to set up high performance, cross-browser animations. The focus is flexibility, performance and size.

Read More »

Animated Intro With jQuery

November 29, 2016     1786     Animation
Animated Intro With jQuery

A simple snippet about creating animated intro with timer progress bar by using jQuery and CSS.

Read More »

Tilt Hover Effects with CSS and Javascript

November 25, 2016     1970     CSS3 & CSS Effects Animation
Tilt Hover Effects with CSS and Javascript

Some ideas for hover animations with a fancy tilt effect by using CSS and javascript.

Read More »

Force.js – Scroll and Animate Your Page Easily

October 24, 2016     2456     CSS3 & CSS Scroll Animation
Force.js – Scroll and Animate Your Page Easily

Force.js is a javascript library to animate elements and jump around on your page easily.

It has different easing functions and tries to use CSS-Transitions to animate elements.

Read More »

AdvertisementAdvertise with us!
Angular, React and Javascript MV* Frameworks | MVish