ReboundGen : Editable CSS3 Animations Library

ReboundGen : Editable CSS3 Animations Library

REBOUNDGEN calculates springy CSS3 Keyframe animations based on a few simple parameters you define. It uses Facebook’s Rebound.js for the math and outputs SCSS style sheets for each animation. So, you can import just the ones you need. A variety of nice animations can be accomplished using a small set of parameters.

SwipeBook PDF Reader jQuery plugin

SwipeBook PDF Reader jQuery plugin

SwipeBook is feature rich responsive touch friendly PDF viewer / reader.Swipebook fits perfectly in any website because you can customize the user interface completely. You can change background, menu colors, button colors, shape, size, border, shadows and hide buttons you don’t need.

Customiz anything from flip speed, initial zoom, maximum zoom, autoplay, background, colors, menu options.Search with text highlight and thumbnails view for search results

Splash Transition with CSS and SVG

Splash Transition with CSS and SVG

In this tutorial we’ll be creating an eye catching animation, just using SVG paths and CSS transitions. To make things easier, we will also be using Pug and Sass, HTML and CSS preprocessors respectively. They will allow us to write much cleaner and more organized code, and also help with maths.

Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

Rough.js : Create Graphics in Hand-Drawn & Sketchy Appearance

Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchyhand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.

Pell : Simplest and Smallest WYSIWYG Text Editor

Pell : Simplest and Smallest WYSIWYG Text Editor

Pell is the simplest and smallest WYSIWYG text editor for web, with no dependencies.

  • Pure JavaScript, no dependencies, written in ES6
  • Easily customizable with the sass file (pell.scss) or overwrite the CSS

Animating Elements Along SVG Paths with JavaScript

Animating Elements Along SVG Paths with JavaScript

Path slider is a animating elements along SVG paths with javascript.

Driver.js : JavaScript engine to drive User’s Focus across the Page

Driver.js : JavaScript engine to drive User's Focus across the Page

A light-weight, no-dependency, vanilla JavaScript engine to drive the user’s focus across the page.

Features:

  • Simple: is simple to use and has no external dependency at all
  • Light-weight: ~4kb in size, vanilla JavaScript and no external dependency
  • Highly customizable: has a powerful API and can be used however you want
  • Highlight anything: highlight any (literally any) element on page
  • Feature introductions: create powerful feature introductions for your web applications
  • Focus shifters: add focus shifters for users
  • User friendly: Everything is controllable by keyboard
  • Consistent behavior: usable across all browsers (including in-famous IE)
  • MIT Licensed: free for personal and commercial use

confettiKit : JavaScript Random Confetti Effects & Explosions

confettiKit : JavaScript Random Confetti Effects & Explosions

ConfettiKit.js can easily generate random confetti Effects and Explosion with javascript. Easy to Use with html and javascript. Can Create random confetti effects like Happy birthday , celebrations and many more. you can change colors, angle ,rotation of confetti and many more configuration for creating confetti effects.

Features:

  • Custom Colors
  • Custom Elements like image,text,svg
  • Custom Configuration
  • Light weight

Scrollbooster : Enjoyable Content Drag-to-scroll library

Scrollbooster : Enjoyable Content Drag-to-scroll library

Scrollbooster is a enjoyable content drag-to-scroll micro (~2KB gzipped) library.

Woah.css : CSS Animation Library for eccentrics

Woah.css : CSS Animation Library for eccentrics

Woah.css is a css animation library for eccentric web developers.Woah.css has three different types of animations to choose from.

  • Woah animations — These are very eccentric and barely practical, but are very fun and showy.
  • Wow animations — These are still a little eccentric, but could very well be used in normal websites.
  • Normie animations — These are very basic.