matcha.css
A pure CSS library designed to style HTML elements similarly to a default browser stylesheet.
A pure CSS library designed to style HTML elements similarly to a default browser stylesheet.
HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site.
A free collection of Tailwind CSS UI components.
A CSS-only loader configuration tool that allows you to effortlessly customize and generate loaders.
An open-source Svelte component library for building high-quality, accessible design systems and web apps.
A list of 39 CSS tools for developers, including calculators and generators.
A library for a material design event calendar and date picker.
A library of beautiful Bootstrap UI components designed with Atlassian Design.
Fully responsive and carefully crafted, one-page dashboards.
A collection of modern, reusable UI blocks and components for React, Next.js and Astro build on top of TailwindCSS.
A nice article with a lot of CSS patterns.
A collection of free, open-source loading animations. Available as copy/paste HTML or drop-in web components.
A CSS-only collection of Ribbon Shapes made with a single element.
A guide on how CSS Grid works and how we can use it effectively.
A great video with an explanation of why CSS4 is coming even though we were told that it will never happen.
A free online tool that allows you to create cross browser CSS button styles.
A CSS framework that brings the aesthetics of NeoBrutalism to your web projects.
A lightweight, CSS-only library for creating expandable and collapsible sections with ease.
A minimalist CSS framework for a fast and clean starting point, designed for better performance and higher productivity.
A free Bootstrap theme with fully responsive, powerful CSS utilities, expertly crafted components with Atlassian Design.
A simple interactive tool to learn CSS selectors and combinators.
An interesting article by Chris Coyier on how he achieved the mobile-only grid design of his website.
Beautifully designed components built with Radix Vue and Tailwind CSS.
A collection of type-safe components written in React and Tailwind.
A fun demo of Fish, octopuses, starfish and more created with just CSS and HTML.
A collection of free HTML and CSS button code examples
A large collection of CSS patterns, which can be filtered and colorized.
A tool to create, edit, and generate multiple custom CSS box shadows with ease.
A collection of more than 500 CSS-only loading animations using a single element.
An extremely fast CSS parser, transformer, bundler, and minifier.
An article explaining techniques for making tables accessible and easy to use on mobile devices.
A modern and minimal CSS framework for terminal lovers.
Visual guide to CSS selectors, including pseudo-classes, functional pseudo-classes, and pseudo-elements.
An article explaining a new technique to generate random numbers with plain CSS.
The second part of a series, where Temani Afif creates fancy effects using only the img element and CSS.
A nice article that explains how to create a blur vignette effect in CSS.
A blog version of a presentation Chris Coyier did about real life usage of CSS.
An interesting article about scoped styles and the upcoming @scope.
A low-level, lightweight and modern CSS design system, authoring tool built on Sass.
A free collection of HTML and CSS animation code examples.
A repository that contains different animations implemented using tailwind CSS.
A small tool to generate wide gamut color 4 compliant CSS gradients.
A CLI to generate favicons in all necessary sizes, creating a webmanifest, and providing a piece of CSS for easy integration.
An article that explains what CSS masking is, how it works, and a few use cases and examples for it.
An article with 6 CSS snippets every front-end developer should know in 2023.
An article on how to write to write mathematical expressions to calculate the sine, cosine, tangent, and more in CSS.
An interesting article by Jhey Tompkins on how to lay out some text in a circle with pure CSS.
A collection of open-source, responsive UI components and website templates with modern design.
A tool to generate and customize Tailwind CSS templates and components to get you started quickly.
A set of 161 elements & layouts made with Tailwind CSS and Alpine.js
A code generator that helps you to create simple CSS spinners.
An open-source pure CSS hover effect library for images.
An article with ten tips to improve your CSS transitions and animations.
Safari and Chrome have implemented CSS nesting. This article describes how to try it.
A minimal CSS Framework with elegant styles for all native HTML elements and dark mode automatically enabled.
A simple color picker that allows you to freely create your own gradient and get the CSS code.
An interesting article that explains how to use the CSS 3D properties like perspective, translate or rotate3d.
A modern UI component library for Tailwind CSS with 150+ open source components.
An interesting article on how to create cool halftone patterns with CSS.
A nice article by Chris Coyier on ideas for the future of CSS.
A nice article that explains what new feature of grid can do.
A simple tool written in vanilla Javascript to generate a plasma background for your website.
A collection of easy to use, animated toggles, designed for switching between light and dark modes.
A nice list on GitHub of classless CSS themes and frameworks.
An article that gives some alternatives to the default rectangular boxes by using fancy CSS borders.
A great guide about flexbox with a lot of interactive examples.
An open-source timeline for the CSS evolution and history of tooling, libraries and frameworks.
A website to find the inspiration for HTML elements and copy the CSS.
A nice collection of background patterns made with CSS gradients.
A website with free Tailwind CSS site templates for your next project.
A CSS library to build common components using plain, semantic HTML.
An article takes a look at some futuristic CSS features that might one day make their way to the browser.
A modern CSS framework that uses CSS utility classes to style HTML elements as charts.
A list of CSS shapes like triangles, arrows, diamonds, tooltips, bubbles, ready to use, click to copy.
A library to seamlessly animate all CSS grid properties.
A plugin for Tailwind CSS to add highlights to your text.
An good in-depth article describing how to create wavy shapes with CSS.
A website that lists popular media queries with a copy button for code the snippet you need.
A simple CSS snippet to make websites it look good on most displays.
A Codepen button demo with an interesting flow.
A CLI that checks your CSS styles for duplications and find the diff among CSS classes.
Two CSS Generators where you can add your setting and get your CSS code.
A collection of class-less CSS styles to make simple websites look better.
A nice article by Alex Trost on generative grids.
A cool CSS library that applies a clean, old-school parchment style.
A nice codepen with a bunch of creative button hover animations.
A summary of CSS features that have been added since 2015.
Generate polka dot patterns using CSS custom variables for background images.
A classless CSS framework that makes semantic HTML look good.
A new CSS parser, compiler, and minifier written in Rust.
A small codepen with four simple CSS spinner loaders.
A grid layout with columns that scroll in opposite directions and a content preview animation.
A website to look up CSS properties and see them in a visualized way.
An open-source library of over 400+ web components and interactive elements built with Tailwind CSS.
A simple hand drawn HTML/CSS theme.
A cool glitch effect on text in pure CSS.
A fun CSS quiz to test your knowledge.
A library to position all types of floating elements, like tooltips, popovers, dropdowns and more.
A list of defensive CSS techniques to avoid potential future issues.
CSS custom properties to help accelerate adaptive and consistent design.
An article on how to use any icons on-demand in purely CSS.
A cool generator to create a set of lush, realistic CSS shadows.
10 Modern CSS layout and sizing techniques in a single-line of styling.
A nice Codepen demo of a button that changes after submit by Jon Kantner.
A simple and light CSS reset using the new CSS features.
A website to analyze your website's CSS, by entering the URL or pasting the CSS.
A nice collection of 100+ free CSS patterns.
A showcase of an experimental CSS property to display a live image from an arbitrary HTML element.
A tool for creating colorful CSS gradient backgrounds and patterns.
A diagnostic CSS snippet that exposes potential performance issues in your page’s head tags.
A creative button with clip-paths randomize on reload and hover/focus.
A list of CSS styles for buttons for copy-pasting.
A nice CSS collection of animations without SVG, JavaScript and keyframes.
An article about the native browser feature CSS Module Scripts.
A nice article by Ana Tudor on CSS-tricks.
A website with 42 CSS gradients, with easy editing features.
Cool dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js.
A CSS pseudo-class that allows you to style any element that is currently in fullscreen mode.
An article about some base concepts of CSS.
An article on how to use the native aspect ratio in CSS.
A CSS Grid & Flexbox generator for creating layout components.
A library of ready-to-use, cross-browser animations.
A nice list of various CSS Generators for things like CSS shadows or overlays.
A cool article with a lot of pure CSS loaders.
An article with some cool CSS checkbox examples.
A free admin dashboard template built on top of Tailwind CSS and fully coded in React.
An article about CSS Flexbox basics including a flexbox properties cheat-sheet.
A list of CSS shorthand properties.
Using clip-path to create an appear effect consisting of repeated shapes.
Generate cross-browser CSS rules to modify images hue, saturation, brightness, contrast and other.
A generator for linear gradients, radial gradients, and conic gradients that can be exported as CSS or SVG image.
A repository with 46 pre-built, drop-in CSS transitions transitions.
A nice article about how to use reduced motion in CSS.
Learn the most common speed issues caused by CSS and how to avoid them.
A tool that sorts the named CSS colors in a way that it shows related colors together.
A quick tutorial by Dima Prohorenko on dev.to.
A Cheat Sheet of everything you can do with Grid to get started in 2021.
A CSS reset and normalizer, that resets all the premade styles by the browser.
A bunch of shapes generated with css-doodle and clip-path.
A guide that shows the basics of how to use CSS transitions
A generator to create striped backgrounds using only CSS.
An article about centering in CSS using grid, flexbox, and classic block element layout.
A cool demo of pure CSS buttons in cyberpunk 2077 look.
An introduction about CSS clip-path, how it works, with example and use-cases.
An article on how to use CSS Clamp to create a more flexible wrapper utility.
An article on having one CSS Custom Property control a varying set of other properties by using Higher Level Custom Properties.
A tool to help generate color shades for Tailwind CSS.
A collection of over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome.
An in-depth article on how to handle short and long content in CSS.
A nice collection of Codepens for CSS loaders.
A trick to style your readme files using CSS.
Some cool link animations using SVG.
A detailed tutorial for CSS animations.
A nice article on adding borders with text.
An article on how to create text gradients in CSS.
The release notes for the new Tailwind CSS v2.0
The answers of 2,000 participants of the State Of CSS Survey 2020.
A CSS library that supplies a seasonal colour scheme based on the day of the year.
An inline menu layout with a playful hover animation and a gallery content preview panel.
A list of some lighter CSS frameworks out there.
A nice article explaining different ways to hide things in CSS.
A website to post your side projects and to discover side projects by others.
A component and utility centric SCSS framework designed for rapid prototyping.
A detailed guide on CSS Grid.
A list of some lighter CSS frameworks out there.
An article about the new specification for a native CSS masonry layout, as part of the Grid Layout.
A CSS stylesheet to quickly highlight a11y concerns.
Learn to make the ripple effect of Material Design's button component.
A Collection of HTML and CSS Buttons
A bunch of cool pure CSS background patterns.
In this article Robin Rendle explains why and how to make charts with SVG.
An article that explains some concepts of CSS variables.
A nice article on how to solve a tricky modern layout with CSS grid.
An article on how the CSS property font-size-adjust works.
An article on how media queries work.
An article on how to use the mask-image property in CSS.
A CSS generator for smooth box-shadows.
A nice generator for CSS grid layouts.
Unstyled, fully accessible UI components, designed to integrate with Tailwind CSS.
A CSS only library to apply color filters.
A front-end framework with a built-in dark mode and full customizability using CSS variables.
Chris Coyier writes about how the new CSS property can boost your rendering performance.
An article about using newer HTML & CSS features for responsive designs.
A web app to search the syntax and all possible values for any valid CSS property.
An experimental animation where an image goes from thumbnail to full width by Codrops.
An app to preview all target screens in a single window side-by-side.
A nice article by Stephanie Walter about implementing decent CSS Animations.
Matthias Ott writes about his methodologies for structuring CSS.
A small set of magnetic buttons with some fun hover animations by Codrops.
A tutorial by Nicky Meuleman on creating an animated underline.
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
A visual generator to build organic looking shapes with the help of the CSS3 border-radius property.
A nice article about some useful things to know about CSS.
Quickly get the HTML and CSS for a customizable, responsive menu.
A set of components built with HTML, CSS and JavaScript.
A good article on animating SVGs with CSS.
A cool cheat sheet for everything you can do with CSS Grid.
The new bootstrap version, dropping jQuery and IE support, goes into alpha
A cool gradient generator on CodePen.
A good article by Ahmad Shadeed about when to use flexbox or grid.
A cool demo by Codrops of a motion hover effect on a background image grid.
Classless CSS Starter File with basic CSS formatting and ability to make basic grids with only HTML5 syntax.
A collection of customizable, ready-to-use Tailwind CSS blocks.
A really good guide on all the functions that can be used in CSS
An almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document
Accessible html/css charts with markdown support
A cool series of articles by Stephanie Eckles on solving old CSS problems with modern CSS.
A quick way to generate the code for CSS Grid.
An article on different approaches how to make motion paths responsive.
An article on creating an image gallery without the use of JavaScript.
A CSS only library to fill your empty background with beautiful patterns.
A nice cheat sheet for all of you who are using BEM for naming their CSS classes.
A four hour youtube course about bringing animation to your websites with CSS animations.
A CSS library, which styles the basic HTML elements. No CSS classes needed for a decent website styling.
A collection of customizable CSS section separators, with the possibility to easily copy the code.
Early access to beautiful UI components by Adam Wathan and Steve Schoger.
A library of more than 500 minimalistic CSS icons, which are customizable and retina-ready.
A cool tutorial by Nils Binder how to craft diagonal sections in CSS.
A free course about browser-based user interfaces using HTML and CSS only.
A cool interactive article by Ahmad Shadeed about how positioning works in CSS.
A CSS Code generator for Soft-UI code.
A good read about how CSS used to work and where we are now.
An article by Ahmad Shadeed about extrinsic and intrisic sizing.
A website to generate an animated gradient background.
A collection of short code snippets for JavaScript, CSS, Python and React.
A huge collection of beautiful CSS gradients.
A good article how to create a carousel with only CSS by Chris Coyier.
A nice article by tutspoint, about the usage of the new CSS ":is()".
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.
A collection of popular layouts and patterns made with CSS.
A collection of pure CSS animated backgrounds with the possibility to customize.