STYLE SWITCHER

Delighters.JS

Delighters.JS

Add CSS animations to delight users as they scroll down.

A tiny javascript library by Q42 https://github.com/Q42/delighters

Website
More
< css-doodle /> – A web component for drawing patterns with CSS

< css-doodle /> – A web component for drawing patterns with CSS

is based on Shadow DOM v1 and Custom Elements v1. You can use it on latest Chrome and Safari right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.

#Getting Started

Include the script directly from cdnjs and everything is ready:

<script src="https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.2.3/css-doodle.min.js"></script>

<css-doodle>
/* put your code here */
</css-doodle>

You can also install it from npm and import the module in javascript:

npm install css-doodle
Website
More
Pico.js – Lightweight JavaScript Face Detection Library

Pico.js – Lightweight JavaScript Face Detection Library

pico.js is lightweight face detection library in 200 lines of JavaScript. pico.js has real-time detection capabilities (200+ FPS in a practical setting)

If your platform supports the getUserMedia API call, you can try the pico.js real-time face detector. Simply click the button below and allow the page to access your webcam.

DownloadWebsite
More
Glide.js -JavaScript ES6 slider and carousel

Glide.js -JavaScript ES6 slider and carousel

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.

Features:

  • Dependency-free. Everything included, ready for action.
  • Lightweight. Only ~22kb (~7kb gzipped) with every functionality on board.
  • Modular. Remove unused modules and drop script weight even more.
  • Extendable. Plug-in your own modules with additional functionalities.
  • Bundlers ready.
WebsiteDownload
More
ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
Example Download
More