Wave-style Pixel Hover Effect with JavaScript – Pixel.js
Pixel.js is a fancy JavaScript plugin helps you apply a wave-style directional pixel hover effect to images.
Minimal Responsive Gallery Lightbox with Pure HTML / CSS
A simple, responsive galley lightbox for showcasing your favorite images, built using pure HTML and CSS.
Fullscreen Flipping Navigation Menu with JavaScript and CSS3
Just another fullscreen navigation system that uses JavaScript and several CSS3 properties to create a stylish, full window menu with a flipping effect when toggled
Creating Material Design Style Snackbars with JavaScript – SnackbarLight.js
A lightweight and standalone JavaScript library used for displaying Google Material Design inspired snackbars at the bottom of the screen.
Duotone Image Filters Using CSS Blend Modes – Colofilter.css
Colofilter.css is a pure CSS library that uses CSS blend modes to apply various types of ‘duotone’ filters to your images.
Apple tvOS Style Parallax Hover Effect with Vanilla JavaScript – Perspective Hover
Perspective Hover is a vanilla JavaScript plugin which uses Velocity.js library to create an interactive hover effect on card elements like the Apple TV Poster.
Animated List Filtering & Searching – search-filter
search-filter is a pure JavaScript library which allows to dynamically filter long html list through an input field.
Minimalist Countdown JavaScript Library – timeCounter.js
timeCounter.js is an extremely lightweight JavaScript library used for creating a countdown timer in years, months, days, hours and seconds.
A Nicer Color Palette For The Web – Colors.css
colors.css is a simple and nice color palette for modern web design. Provided as CSS, LESS and SASS versions.
Lightweight Animated Tooltip In Pure CSS – Clew.css
Clew.css is a tiny CSS library used for creating simple clean tooltips with animations based on CSS3 transitions and transforms. How to use it: Download and include the Clew.css in the header of your document. <script src=”prefixfree.min.js”></script> Use data-clew attribute to define the content displayed in the tooltip. <span class=”clew-top” data-clew=”Top tooltip”>Demo</span> Add a subtle CSS3 animation… Read More »