css flexbox playground
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
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.
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.
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.
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.