Advertise here

Animation

Expanding Bar Navigation Concept with Javascript

March 24, 2017     995     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     2574     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     3384     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     1418     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     1116     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     1722     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     2191     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     3108     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     2945     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 »

Inspiration for Letter Effects with Anime.js

October 18, 2016     1501     Animation Text & String
Inspiration for Letter Effects with Anime.js

A tutorial about creating set of inspirational letter animations for display typography effects and large headlines powered by anime.js

Read More »

Stripe.com Navigation with CSS and jQuery

October 16, 2016     2784     Form Elements Animation
Stripe.com Navigation with CSS and jQuery

A morphing dropdown that animates according to the size of its content by using css and jQuery as seen on stripe.com website. 

Read More »

Line Maker – Animated Decorative Lines

October 14, 2016     1404     Animation
Line Maker – Animated Decorative Lines

Line Maker is a plugin for creating and animating decorative lines on websites. This plugin shows easy way for adding all kinds of lines with different thicknesses and colors, in vertical or horizontal direction, and animate them.

Read More »

Choreographer.js – Library for Managing Complex CSS Animations

September 28, 2016     907     CSS3 & CSS Animation
Choreographer.js – Library for Managing Complex CSS Animations

Choreographer.js is a simple library to take care of complicated animations.

Read More »

Fancy SVG Letter Animation with Javascript

September 18, 2016     1175     Animation Text & String
Fancy SVG Letter Animation with Javascript

An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".

Read More »

Granim.js – Javascript Library to Create Fluid Gradients Animations

September 05, 2016     2591     Animation
Granim.js – Javascript Library to Create Fluid Gradients Animations

Granim.js is a lightweight javascript library to create fluid and interactive gradients animations.

Read More »