Stripe.com Navigation in CSS & jQuery

Stripe.com Navigation in CSS & jQuery

A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

Recharts : Charts library built with React and D3

Recharts : Charts library built with React and D3

Charts library built on top of React and D3. Graphs can be created via a simple XML-like syntax, with many of the important options set directly as attributes. The library also offers a rich examples catalog with more than 50 ready-to-use components, including various Line, Bar, Pie and other types of charts.

Kute.js : JavaScript Animation Engine

Kute.js : JavaScript Animation Engine

KUTE.js is a Javascript animation engine with top performance, memory efficient & modular code. It delivers a whole bunch of tools to help you create great custom animations.

Imagine : jQuery Parallax Scroll Effects

Imagine : jQuery Parallax Scroll Effects

Imagine by pixevil is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience.

Wenk : Lightweight Pure CSS Tooltip

Wenk : Lightweight Pure CSS Tooltip

Wenk is a Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS. The minified version is just 701 bytes when gzipped. It can easily be styled using data-* attributes or classes. By default the tooltip will adjust to fit the content.

Smoke.js : Javascript Smoke Effect

Smoke.js : Javascript Smoke Effect

Smoke.js is a javascript library to make Smoke Effect for web.

g9.js : javascript library for Creating Interactive Graphics

g9.js : javascript library for Creating Interactive Graphics

g9 is a javascript library for creating automatically interactive graphics.

With g9, interactive visualization is as easy as visualization that isn’t. Just write a function which draws shapes based on data, and g9 will automatically figure out how to manipulate that data when you drag the shapes around.

CurrencyFormatter.js : A Currency Formatting Library

CurrencyFormatter.js : A Currency Formatting Library

CurrencyFormatter.js allows users to format numbers in a variety of currency formats. It contains 155 currency definitions, and 715 locale definitions right out of the box, and can handle unusually formatted currencies, such as the INR and is completely configurable.

Easy-Tree.js : jQuery Bootstrap Tree View Plugin

Easy-Tree.js : jQuery Bootstrap Tree View Plugin

A plugin base on jquery and bootstrap 3, can convert an un-order list to a tree easily. The tree that selectable, addable, editable and deletable.

Particles.js : Javascript plugin for Particle Backgrounds

Particles.js : Javascript plugin for Particle Backgrounds

Particles.js is a lightweight and dependency-free javascript plugin for particle backgrounds.