Ember Burger Menu

Ember Burger Menu

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

Features:

  • Easy to use & setup off-canvas menu
  • Mix and match from many menu & menu item animations
  • Swipe gesture support with changeable thresholds
  • Easily create your own animations

On-Scroll Morphing Background Shapes with SVG

On-Scroll Morphing Background Shapes with SVG

Today we’d like to share a little background effect with you. The idea is to animate a decorative SVG shape on scroll. The shape is morphing into different forms depending on the section we are currently viewing. The animations are powered by Julian Garnier’s anime.js and the scroll detection is supported by Stu Kabakoff’s scrollMonitor.js.

Folder Preview Ideas with CSS

Folder Preview Ideas with CSS

oday we’d like to share some fun little hover effects with you. The idea is to show a preview animation for folders. The animations are intended as a fun micro-interaction that give the user some kind of hint of what’s inside the hovered folder. We are using anime.js to power the animations.

Shooting Range Game with HTML5 Canvas

Shooting Range Game with HTML5 Canvas

Shooting range game with HTML5 canvas.

Television News Ticker with JavaScript & PHP

Television News Ticker with JavaScript & PHP

The Television News Ticker script allows you to generate on your website a news ticker like the ones used by television stations to publish the latest news, election results, sport results, whether warnings,  stock quotes, etc.

The news displayed in the news ticker can be retrieved with the provided PHP scripts from a specified RSS feed, from a Twitter account or from a database table. Alternatively the advanced user will be able to manually generate the content of the news based on the exact needs of the publisher by connecting the news ticker with a JSON resource.

Docsify : A Magical Documentation Site Generator

Docsify : A Magical Documentation Site Generator

A magical documentation site generator.

Features:

  • No statically built html files
  • Simple and lightweight (~16kB gzipped)
  • Smart full-text search plugin
  • Multiple themes
  • Useful plugin API
  • Compatible with IE10+

infoBox : jQuery Tooltip style Plugin

infoBox : jQuery Tooltip style Plugin

infoBox is a tooltip style jQuery plugin to create information signs on your webpages which will show information boxes on mouseover. The created information boxes will resemble the conversation/message boxes. These boxes will be aligned perfectly without moving out of the page unless you specify a larger width for the box.

iziToast : Flexible & Lightweight Notification Plugin

iziToast : Flexible & Lightweight Notification Plugin

iziToast is a elegant, responsive, flexible and lightweight notification plugin with no dependencies.

Drop Down Tree : jQuery Combo Box Tree View with Autocomplete

Drop Down Tree : jQuery Combo Box Tree View with Autocomplete

Drop Down Tree is an easy-to-use jQuery plugin for classifying transmitted data. The plugin displays a combo, which embeds a collapsible tree drawn by the transmitted data. The plugin has features of dynamic search and filter. The appearance is easy customizable using CSS. Drop Down Tree plugin is developed using only JavaScript.

Features:

  • Collapsible tree view: feature of collapse/expand tree elements
  • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
  • Appearance is easy customizable using CSS and responsive design.
  • Returns the id of the selected item instead of text.

Images grid jQuery plugin

Images grid jQuery plugin

Images grid is a jQuery plugin for making responsive image gallery with view all option in modal box.