CSS Resources

matcha.css

A pure CSS library designed to style HTML elements similarly to a default browser stylesheet.

visit

franken/ui

HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site.

visit

LoaderShip

A CSS-only loader configuration tool that allows you to effortlessly customize and generate loaders.

visit

Melt UI

An open-source Svelte component library for building high-quality, accessible design systems and web apps.

visit

FastBootstrap

A library of beautiful Bootstrap UI components designed with Atlassian Design.

visit

Stack UI

A Freeform UI library which helps you to craft interactive user interfaces instantly.

visit

Tailwind Blocks

A collection of modern, reusable UI blocks and components for React, Next.js and Astro build on top of TailwindCSS.

visit

LDRS

A collection of free, open-source loading animations. Available as copy/paste HTML or drop-in web components.

visit

CSS4 Is Coming

A great video with an explanation of why CSS4 is coming even though we were told that it will never happen.

visit

ExpandifyCSS

A lightweight, CSS-only library for creating expandable and collapsible sections with ease.

visit

Milligram Plus

A minimalist CSS framework for a fast and clean starting point, designed for better performance and higher productivity.

visit

FastBootstrap

A free Bootstrap theme with fully responsive, powerful CSS utilities, expertly crafted components with Atlassian Design.

visit

A Mobile-Only Grid

An interesting article by Chris Coyier on how he achieved the mobile-only grid design of his website.

visit

mimic.css

A CSS animation library with animations you can add via class names in HTML.

visit

Tailspark

300+ TailwindCSS components & templates ready to use in your project.

visit

CSS Loaders

A collection of more than 500 CSS-only loading animations using a single element.

visit

Sakura

A minimal classless CSS framework with multiple themes.

visit

SmolCSS

Minimal snippets for modern CSS layouts and components

visit

Kuma UI

A modern headless & zero runtime UI component library.

visit

ikun-ui

A fast and beautiful Svelte.js based UnoCSS UI library based component library.

visit

tiny.css

A very minimalist css library to override the default styles of a webpage.

visit

Spruce CSS

A low-level, lightweight and modern CSS design system, authoring tool built on Sass.

visit

Toaster

A pure CSS 3D editor that works using HTML elements with CSS transforms.

visit

CSS Tip

A small blog where you can learn a new CSS trick every day.

visit

Favpie

A CLI to generate favicons in all necessary sizes, creating a webmanifest, and providing a piece of CSS for easy integration.

visit

CSS Masking

An article that explains what CSS masking is, how it works, and a few use cases and examples for it.

visit

slide.css

A minimal, pure CSS stylesheet for creating HTML presentations.

visit

Float UI

A collection of open-source, responsive UI components and website templates with modern design.

visit

Windstatic

A set of 161 elements & layouts made with Tailwind CSS and Alpine.js

visit

Pico.css

A minimal CSS Framework with elegant styles for all native HTML elements and dark mode automatically enabled.

visit

Gradient Picker

A simple color picker that allows you to freely create your own gradient and get the CSS code.

visit

3D in CSS

An interesting article that explains how to use the CSS 3D properties like perspective, translate or rotate3d.

visit

Sailboat UI

A modern UI component library for Tailwind CSS with 150+ open source components.

visit

Theme Toggles

A collection of easy to use, animated toggles, designed for switching between light and dark modes.

visit

SpinKit

A collection of loading indicators animated with CSS.

visit

Unclutter

A tool that modifies a website's CSS styles to remove ads and popups from articles.

visit

CSS Timeline

An open-source timeline for the CSS evolution and history of tooling, libraries and frameworks.

visit

missing.css

A CSS library to build common components using plain, semantic HTML.

visit

Futuristic CSS

An article takes a look at some futuristic CSS features that might one day make their way to the browser.

visit

Bolt.css

Basic styles for HTML Elements by using set of styles without classes.

visit

uiverse

A collection of open-source UI elements, made with CSS and HTML.

visit

Charts.css

A modern CSS framework that uses CSS utility classes to style HTML elements as charts.

visit

CSS Shapes

A list of CSS shapes like triangles, arrows, diamonds, tooltips, bubbles, ready to use, click to copy.

visit

Wavy Shapes

An good in-depth article describing how to create wavy shapes with CSS.

visit

mediaquery.style

A website that lists popular media queries with a copy button for code the snippet you need.

visit

Tailymate

A great collection of animations and components for TailwindCSS.

visit

CSS Checker

A CLI that checks your CSS styles for duplications and find the diff among CSS classes.

visit

Almond.CSS

A collection of class-less CSS styles to make simple websites look better.

visit

Eesings

A page that helps you choose the right easing function.

visit

SPCSS

A simple and plain stylesheet for simple text-based websites.

visit

Cowsay

A cowsay GUI built with Svelte, TailwindCSS and HTML Canvas .

visit

CSSUI

A library of pure CSS interactive components without any JavaScript.

visit

Oldbook.css

A cool CSS library that applies a clean, old-school parchment style.

visit

Beercss

A cool CSS library to build material design interfaces fast.

visit

clay.css

Micro CSS util class for applying inflated fluffy 3D claymorphism styles to elements.

visit

Flowbite

An open-source library of over 400+ web components and interactive elements built with Tailwind CSS.

visit

Floating UI

A library to position all types of floating elements, like tooltips, popovers, dropdowns and more.

visit

Open Props

CSS custom properties to help accelerate adaptive and consistent design.

visit

Twind

A small, fast, most feature complete tailwind-in-js solution.

visit

Analyze CSS

A website to analyze your website's CSS, by entering the URL or pasting the CSS.

visit

Water.css

A CSS library to add styles to simple static websites with semantic html.

visit

Minimap

A showcase of an experimental CSS property to display a live image from an arbitrary HTML element.

visit

Annimay

A collection of pure CSS3 lightweight animations for links, sections, buttons and more.

visit

ct.css

A diagnostic CSS snippet that exposes potential performance issues in your page’s head tags.

visit

daisyUI

A collection of Tailwind CSS components, which are customizable and themeable.

visit

Salvia-kit

Cool dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js.

visit

:fullscreen

A CSS pseudo-class that allows you to style any element that is currently in fullscreen mode.

visit

Glass UI

A CSS generator based on the glassmorphism design specifications.

visit

Just Code

A website with CSS effects for image filters and for flat buttons.

visit

Learn CSS

An evergreen CSS course and reference to level up your web styling expertise.

visit

CSS Tips

CSS tips and tricks you won’t see in most of the tutorials.

visit

Euismod

A website to help people learn CSS grid in an interactive fashion.

visit

Gradient Generator

A generator for linear gradients, radial gradients, and conic gradients that can be exported as CSS or SVG image.

visit

Reseter.css

A CSS reset and normalizer, that resets all the premade styles by the browser.

visit

SVG Crop

A tool to remove blank space from around any SVG instantly.

visit

Pollen

A collection of CSS variables designed for rapid prototyping and consistent styling.

visit

new.css

A classless CSS framework to write modern websites using only HTML.

visit

Tailwind-kit

A collection of over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome.

visit

css.lab

A selection of components that can be easily slotted into web projects

visit

Seasonal.css

A CSS library that supplies a seasonal colour scheme based on the day of the year.

visit

Cirrus.CSS

A component and utility centric SCSS framework designed for rapid prototyping.

visit

clamp

An article about the new CSS features for fluid scaling.

visit

Headless UI

Unstyled, fully accessible UI components, designed to integrate with Tailwind CSS.

visit

Halfmoon

A front-end framework with a built-in dark mode and full customizability using CSS variables.

visit

Arwes

A futuristic sci-fi and cyberpunk graphical user interface framework for web apps.

visit

CSS Values

A web app to search the syntax and all possible values for any valid CSS property.

visit

PurgeCSS

A tool for removing CSS that you're not actually using in your project.

visit

Fancy-Border-Radius

A visual generator to build organic looking shapes with the help of the CSS3 border-radius property.

visit

shareon

A JavaScript and CSS library for share buttons of all popular social networks.

visit

Blunt

A CSS framework that helps with layouts and leaves your styling alone.

visit

Basic.css

Classless CSS Starter File with basic CSS formatting and ability to make basic grids with only HTML5 syntax.

visit

Twin

A library to use Tailwind classes within css-in-js libraries.

visit

Keyframes

Create basic or complex CSS @keyframe animations with a visual timeline editor.

visit

LaTeX.css

An almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document

visit

Animista

A collection of ready to use CSS animations you can play around with online.

visit

Lit

A small responsive css framework based on Skeleton.

visit

pattern.css

A CSS only library to fill your empty background with beautiful patterns.

visit

98.css

A CSS library for building interfaces that look like Windows 98.

visit

MVP.css

A CSS library, which styles the basic HTML elements. No CSS classes needed for a decent website styling.

visit

Tailwind UI

Early access to beautiful UI components by Adam Wathan and Steve Schoger.

visit

css.gg

A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.

visit

CSS: An Art, a Science, a Nightmare

An in depth article about CSS by Tania Rascia for people who have had to touch CSS a few times but ultimately don't feel like they know what they're doing, or struggle with making basic layouts.

visit

Cell

A CSS naming convention similar to BEM, but using Sass.

visit