Build OpenAI.fm-style Button Groups with Pure CSS
Create a modern, 3D-effect radio button group with pure CSS, inspired by OpenAI.fm. Uses labels and the :checked selector for interactive styling.
Recommended
Responsive Progressive Image Lazy Loading Component – progressive-image
This is a custom-element that allows you to progressively loading images when the placeholders are clicked/tapped or scrolled into view.
1kb CSS Reset for Clean HTML Styling – mi.css
Experience minimal CSS with mi.css. A 1kb solution for styling HTML and resetting browser defaults.
Modern Web Styling Without Class Declarations – Classless.css
A lightweight CSS-less CSS framework that automatically styles semantic HTML elements. Get responsive design and dark mode without adding a single class.
Lightweight JavaScript Image Gallery and Lightbox Library – boxy.js
A simple yet powerful JavaScript lightbox and gallery library that works with minimal configuration for modern websites.
Minimal Clean CSS Design System – Pico.css
Pico.css is a minimal, responsive, semantic, reader-centric design system implemented in pure CSS.
Visualize Time Series Data With μPlot Library
μPlot is a lightweight, interactive, scalable, high-performance chart library to visualize any time series data (a series of data points indexed in time order) using Canvas API.
Customizable Web Components UI Library – Shoelace
Shoelace is an open-source, highly customizable, framework-agnostic UI components library for modern web application design.
Build Interactive Organization Charts with treeSpider JavaScript Library
A free, open-source JavaScript library for creating dynamic, responsive organization charts, family trees, and more. Built with D3.js.
Play/Rewind Video On Scroll – ScrollyVideo.js
A JavaScript component to play and rewind your videos based on scroll events or any other external control.