.svg){kind=icon}
Generator, Maker, and Background
A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background. Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too.
Soft UI CSS shadow generator
Collecting all the cheat sheets
the essential toolkit for web-developers.
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow
A CSS analyzer that goes through your CSS to find all kinds of relevant statistics.
zero-runtime CSS in JS library.
Write CSS in JS and get real CSS files during build. Use dynamic prop based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support.
Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
Open source pure CSS hover effect library for images.
Free dashboard templates built with Tailwind CSS and Alpine.js
Flipping how we define typography in CSS.
Capsize makes the sizing and layout of text as predictable as every other element on the screen. Using font metadata, text can now be sized according to the height of its capital letters while trimming the space above capital letters and below the baseline.
Open source button system leveraging CSS variables.
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.
Classless CSS Starter File.
Basic.css gives you basic CSS formatting and ability to make basic grids with only HTML5 syntax. You can use this project to Set your default styling.
A CSS framework without all the fluff. A CSS framework that helps with layouts and leaves your styling alone.
Blunt doesn't have any opinions on how your applications should look. It only provides helper classes to make positioning and responsive design easier.
We created this free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project. We hope you enjoy this tool.
Our Shape Dividers are premade SVG shapes that are not dynamic to the settings you use on the toolbar. Every Shape exported will come out as per it's original design and is manipulated via the code you export with it and implement into your web build.
accessible html/css charts with markdown support.
The point of C💚SS.css is to allow easy creation of simple charts for documentation, data storytelling / journalism, etc. It features plots of 1-D lists, and has a custom markdown filter that converts suitably formatted lists directly to charts. It has no dependencies (other than a modern browser), and is very small compared to javascript based charting tools. The html is based on <ul> lists and will collapse back to readible lists in the absence of css support, making it accessible to all readers. It is open source and easily configurable according to project needs.
Make your website look like a LaTeX document.
This almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document. Write semantic HTML, add <link rel="stylesheet" href="https://latex.now.sh/style.css"> to the <head> of your project and you are good to go.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
On-Demand CSS Animations Library.
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
An extremely fast bundler for the web.
The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way.