.svg){kind=icon}
CSS shapes examples, click to copy.
PurgeCSS is a tool to remove unused CSS from your project
A set of buttons with a magnetic interaction and a hover effect.
A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto.
This is a library having a collection of different types of CSS loaders, spinners.
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.
Painless transitions for CSS Grid.
Seamlessly animate all CSS grid properties.
This script makes it easy to transition your CSS grid gracefully from one state to another. If the content of the grid changes, or if the grid or one of its children is updated with the addition or removal of a class, the grid will automatically transition to its new configuration.
A plugin for Tailwind CSS to add highlights to your text.
a submit button with a inplace loading animation
Hand-curated Mesh Gradient Collection
Shadow Palette Generator
Create a set of lush, realistic CSS shadows.
The smallest, fastest, most feature complete tailwind-in-js solution in existence
sub-atomic styles. Supercharged CSS variables.
Expertly crafted web design tokens. Create consistent components. Useful in any framework.
CSS custom properties to help accelerate adaptive and consistent design.
What was that media query code again?
If you're like me, you'll often know which media query to reach for but just can't quite remember the syntax. This site lists popular media queries with a handy copy button for code the snippet you need.
Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.
A collection of themes/skins for your favorite apps!
theme.park contains 50 themed applications, with css addons on certain themes.
Installation methods include custom docker mods for linuxserver.io containers,
custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx, Apache, Caddy and Traefik!
There is also a Docker image available for selfhosting the CSS files.
css containers queries
Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.
Test your CSS Skills.
Enter the CSS selector, which applies to all elements with an arrow ➡️ and press enter or the submit button.
The timer will start once you correctly solved the first puzzle.
A grid layout with columns that scroll in opposite directions using Locomotive Scroll.
Build material design in record time without stress for devs. An alternative to PicoCSS.
A simple but powerful API for processing & compiling assets built around Webpack.
Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS and compiling and minifying assets. Encore gives you a professional asset system that's a delight to use.