Single Element & CSS Only UI Interactions
A set of graceful UI interactions built using single element and CSS/CSS3.
Recommended
Slim Progressbar To Indicate How Far You Are Scrolling – sprogress.js
sprogress.js is a JavaScript library to generate a scroll position progress bar that indicates the reading progress of an article/post.
Generate Polygon Patterns From Triangles – Trianglify
Trianglify is a pure JavaScript library for generating colorful polygon (geometric) patterns from triangles based on SVG, Canvas, or PNG.
Powerful Color Picker Components In Pure JavaScript – Colorpicker.Pro
A powerful, professional color picker JavaScript library to create basic Color Picker, Multi-Spectral Color Picker, Material Color Picker, Palette Color Picker, Tab Palette Color Picker on the app.
Store Web Content & Source Codes In The URL – URL Pages
URL Pages is a pure JavaScript library for creating an online editor which allows you to store web contents & source codes (HTML, CSS, JavaScript) in the URL so that you can easily share with others.
Trigger Events When An Elements Enters And Leaves The Boundary – Bounds.js
Bounds.js is a pure JavaScript library to detect boundary asynchronously that allows you to do something when an element enters or leaves the boundary of a specific container.
Create Wiggly DIV Using JavaScript And Canvas – wiv.js
wiv.js is a fancy JavaScript library for creating configurable wiggly DIV frames using JavaScript and HTML5 canvas.
Powerful Datetime Picker Library- tail.DateTime
The tail.DateTime JavaScript library lets you create beautiful, mobile-compatible, multi-language date and/or time picker on the web app.
Interacitve Cursor Effect In Vanilla JavaScript – cursor-dot
cursor-dot is a vanilla JavaScript library which creates customizable, interactive cursor effects when hovering over certain elements.
Lightweight Datetime Formatter In JavaScript – tinydate
tinydate is an extremely lightweight (0.3 kb minified) JavaScript library used for formatting date/time strings using pure JavaScript.