Minimalist HTML Editor With Live Preview
A minimalist HTML/CSS editor with live preview, built with textarea, iframe, and vanilla JavaScript.
Image
Responsive & Smart Image Cropping In JavaScript – vanillafocus
Dynamically crops & resizes your image to fit its container space and makes the focus point (the most important part of the image) always be centered.
Compare Before/After Images With Drag & Touch Events – iMatch.js
A responsive, animated, mobile-friendly, highly customizable image comparison JavaScript library for both desktop and mobile.
Accessible Toast Popup With JavaScript And CSS
A simple JavaScript & CSS solution to help you create accessible, pretty cool, toast-like notification popups on the page.
Convert HTML5 Video Into Background – CleanBackgroundVideo.js
A super tiny JavaScript library that uses an HTML5 video embedded in the document into the background of a container element you specify.
Beautiful Material Design Button UI Template In Pure CSS
A CSS only button UI template that helps you create Material Design style web buttons with a ripple click/tap animation.
Draggable Image Comparison Slider In JavaScript
A simple, plain image comparison slider to compare two images placed in top & bottom layers using mouse drag.
Customizable Squircle Generator In JavaScript – Squircley.js
A JavaScript library (ES 6) that allows developers to generate customizable squircles (superellipses) as SVG, base 64, or background images.
iOS Glyph Icons In A CSS Image Sprite – shortcut-icons.css
shortcut-icons.css is a CSS library that enables you to add iOS glyph icons (iOS 14, 13, or 12) to the webpage using CSS image sprite technology.
Accessible Image Comparison Component – Split View
An easy, modern, and fully accessible image comparison component built using Vanilla JavaScript and HTML range input.