.svg){kind=icon}
This project is a way for people to use CSS Grid features quickly to create dynamic layouts.
You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.
a ridiculously small responsive css framework.
lit has two modules: lit and util. Both of them are designed to be as small as possible, and easy to extend.
I've had to implement the same hero for several years now, so like a good lazy programmer, I figured I'd automate it. This generator is intended to get you going, it doesn't provide every value but the code output should give you a nice jumping off point :)
What does it do? It generates the code for the example above based on your preferences.
A design system for building faithful recreations of old UIs.
98.css is a CSS library for building interfaces that look like Windows 98.
Background Patterns in CSS.
CSS only library to fill your empty background with beautiful patterns.
Responsive CSS motion paths!
A micro-library for scaling CSS motion path strings.
Quickly build HTML emails with utility-first CSS.
Maizzle is a framework that helps you quickly build HTML emails with
Tailwind CSS and advanced, email-specific post-processing.
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations.
MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.
Create Stunning Layouts with Ease using TailSurge. A layout generator to easily create the code for Tailwind CSS.
Make browsers render all elements more consistently. A modern, HTML5-ready alternative to CSS resets.
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
A website that allows you to create your own gradient
Like jq, but for HTML. Uses CSS selectors to extract bits of content from HTML files.
Color picker and converter for OKLCH and LCH color space.
OKLCH is a new way to encode colors (like hex, RGBA, or HSL):
- OKLCH has native browser support.
- It can encode more colors for modern screens (P3, Rec. 2020, and beyond).
- Unlike HSL, OKLCH always has predictable contrast after color transformation.
- In contrast with LCH and Lab, no hue shift on chroma changes.
- Provides great accessibility on palette generation.
A rapid layers animation of images as a splash intro or page transition on a website.
A web component for drawing patterns with CSS
A CSS Gradient and TextShadow editor
Modern UI component library for Tailwind CSS.
Build your website quickly with Sailboat UI.
Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open source Tailwind CSS components, make it easy to build your products.
Tool to create nice color palettes based on multi-color gradients.
A minimalist stylesheet for HTML elements
No class names, no frameworks, just semantic HTML and you're done.
Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths.