Skip to content

usernameauth/Awesome-CSS-Resources

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

58 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Awesome CSS Resources Awesome

The only list of CSS/SCSS frameworks & resources you will ever need.
Show your support!

Contents

Frameworks / Resources

0-9

7.css: A tiny CSS framework for building faithful recreations of the Windows 7 UI.

98.css: A design system for building faithful recreations of old UIs.

A

a11y.css: This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

adidas-yarn-design-system: YARN is a frontend toolkit for developing with HTML, CSS and JS with adidas style. It provides the base layout for frontend applications

AESTHETIC CSS: A vaporwave CSS framework. ๐ŸŒด๐Ÿฌ

agnosticui: is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.

Amaze UI: A mobile-first and modular front-end framework.

animate.css: A cross-browser library of CSS animations. As easy to use as an easy thing.

Animista: CSS animations on demand!

astro: An open source design system by Magnetis

Avalanche: A package based CSS framework.

aqua.css: A elegant CSS Framework.

augmented-ui: Cyberpunk-inspired web UI made easy. Get augmented.

awsm.css: Simple CSS library for semantic HTML markup.

axis: is a large and robust css utility library built on top of stylus.

B

Bahunya: 10KB classless CSS framework with responsive typography, navbar, syntax highlighting, etc.

balloon.css: Simple tooltips made of pure CSS.

base: A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.

baseguide: is a lightweight and robust CSS framework for prototyping and production code. Flexible, fluid and fun CSS framework.

Basic.css: Classless CSS Starter File.

basscss: Low-level CSS Toolkit โ€“ the original Functional/Utility/Atomic CSS library.

beauter: A simple framework for faster and beautiful responsive sites.

Beercss: Build material design interfaces in record time... without stress for devs... ๐Ÿบ๐Ÿ’›

Blitz: An eBook Framework (CSS + template).

blocks.css: Add some dimension to your page with blocks ๐Ÿš€.

blueprint: A React-based UI toolkit for the web.

Bojler: Is a CSS framework for email's.

bonsai.css: A Utility Complete CSS Framework for less than 45kb (8kB Gzipped).

Bootflat: Is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

BOOTSTRA.386: A vintage 1980s DOS inspired Twitter Bootstrap theme.

bootstrap-button-designer: simple js button designer for bootstrap.

bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

bourbon: A Lightweight Sass Tool Set.

box-shadows.css: A cross-browser collection of CSS box-shadows.

bttn.css: Awesome buttons for awesome projects!

bulma: Modern CSS framework based on Flexbox.

butterCake: Material Design Components, Responsive and Modern CSS Framework Built with Flexbox ๐Ÿฐ

C

Caramel.CSS: A simple to use, easy to remember css framework.

carbon: A design system built by IBM.

CasCare.css: is a light-weight and responsive open source CSS library.

Catto-CSS: Library of CSS animations easy and quick to use.

Centurion: Is a web-based framework for rapid prototyping and building larger web projects.

Charts.css: Open source CSS framework for data visualization.

checkbox.css: Tiny set of pure CSS animations for your checkbox input.

chemistry-css: A chemistry CSS library for creating Chemical Structures and Equations with just HTML.

chota: A micro (3kb) CSS framework.

Cirrus: The SCSS framework for the modern web.

classic.css: Generate a Classic Mac interface in your browser.

clean-switch: Material Inspired Pure CSS toggle switch.

codyhouse-framework: A lightweight front-end framework for building accessible, bespoke interfaces.

coraline: Alternative CSS only framework based on Flexbox.

coolcss: The last CSS framework I'll (hopefully) ever have to make

Crayon.css: is a list of css variables linking color names to hex values.

critical: Extract & Inline Critical-path CSS in HTML pages.

Concise.css: A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.

css-buttons: 100 Modern CSS Buttons, Free And Royalty Free.

css-spinners: Collections of CSS Loading Indicators / Spinners.

css-text-portrait-builder: A popular pure CSS text portrait builder for your loved ones. ๐Ÿฅฐ

css-toggle-component: Pure CSS Toggle Buttons as a Web component.

css.gg: 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API.

CSSgram: CSS library for Instagram filters.

cssbuttonhovereffects: Eye Catching CSS button hover effects using pseudo elements.

cssco: Photographic filters made with CSS, inspired by VSCO and CSSgram.

cssfx: โœจ Beautifully simple click-to-copy CSS effects.

CssGitHubWindows: (UserStyle) GitHub Windows Edition

cssgridgenerator: ๐Ÿงฎ Generate basic CSS Grid code to make dynamic layouts!

CSS-Image-Loader: Add a image loader & image load error (without adding an HTML element or using JS).

csshake: CSS classes to move your DOM!

csspin: CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner.

cutestrap: A strong, independent CSS Framework. Only 2.7KB minified & gzipped.

D

daisyui: The most popular, free and open-source Tailwind CSS component library.

DoodleCSS: A simple hand drawn HTML/CSS theme.

dookie-css: stylus driven css library.

drops: Primitive CSS classes to replace most commonly used CSS styles.

E

EDgrid: CSS/Sass library for responsive layouts | Libreria CSS/Sass para construir layouts responsive.

Effeckt.css: A Performant Transitions and Animations Library.

Element: A Vue 2.0 based component library for developers, designers and product managers.

elementary.css: Elementary OS's stylesheet converted to browser CSS.

emoji-css: An easy way to include emoji in your HTML.

F

fictoan: build and style interactive, responsive interfaces with just plain olโ€™ HTML.

Filters.css: CSS only library to apply color filters.

flakes: is an Admin Template Framework. A combination of CSS Libraries, JavaScript Libraries and Design files that help you build business tools very quickly.

flexboxgrid: Grid based on CSS3 flexbox.

fluidity: The worlds smallest fully-responsive css framework.

Fomantic-UI: Is the official community fork of Semantic-UI.

foundation-sites: The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

furatto: It's a flat, fast and powerful front-end framework for rapid web development.

G

geo-bootstrap: A timeless Twitter Bootstrap theme built for the modern web.

gralig: A modest, grayish CSS library.

Gutenberg: Modern framework to print the web correctly.

H

HTML-Sheets-of-Paper: Word processor in your browser using HTML and CSS (for invoices, legal notices, etc.)

hack: โ›ท Dead simple CSS framework.

Halfmoon: Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

hamburgers: Tasty CSS-animated Hamburgers.

HasserCSS: A lite and flexible CSS framework (Inspired by Skeleton CSS).

hint.css: A CSS only tooltip library for your lovely websites.

hiq: A lightweight, progressive, high-IQ CSS framework.

holo-web: A CSS library that imitates the Android Holo themes.

Homebrewery: A CSS stylesheet to create authentic looking D&D homebrews.

Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.

I

icono: One tag One icon, no font or svg, Pure CSS.

imagehover.css: Pure CSS Image Hover Effect Library.

instagram.css: Instagram.css - Complete set of Instagram filters in pure CSS.

InterfaCSS: The CSS-inspired styling and layout framework for iOS.

inuitcss: Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.

inviscss: is designed to bring you the core of a good CSS library without the cruft.

iOS-7-CSS: Basic iOS 7 CSS.

IsometricSass: Sass library to make isometric 2D without javascript

J

Jeet: The most advanced, yet intuitive, grid system available for Sass or Stylus.

K

knopf.css: Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.

L

laptop.css: laptop CSS for the modern world.

leonardo-ui: Web UI component library with the Qlik Sense look and feel.

lilcss: ๐Ÿ’ก Lightweight CSS framework for everyday use.

lit: World's smallest responsive ๐Ÿ”ฅ css framework (395 bytes).

loaders.css: Delightful, performance-focused pure css loading animations.

luxa: A minimalist CSS framework.

M

magic animations: CSS3 Animations with special effects.

markdown-css: CSS for making regular HTML look like plain-text markdown.

material: Modern material design framework.

material-components-web: Modular and customizable Material Design UI components for the web.

Material Design Lite: Material Design Components in HTML/CSS/JS.

Materialize

math-css: Easy way to represent math by a few lines of HTML via CSS.

mdb-ui-kit: Bootstrap 5 & Material Design 2.0 UI KIT.

Metro 4: Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!

micron: a microInteraction library built with CSS Animations and controlled by JavaScript Power

microtip: ๐Ÿ’ฌ Minimal, accessible, ultra lightweight css tooltip library. Just 1kb.

milligram: A minimalist CSS framework.

mini.css: A minimal, responsive, style-agnostic CSS framework!

minireset.css: A tiny modern CSS reset.

mobi.css: A lightweight, scalable, mobile-first CSS framework.

modern-css-reset: A bare-bones CSS reset for modern web development.

modern-normalize: ๐Ÿ’ Normalize browsers' default style.

mono.css: Minimal design based on black and white.

MoreToggles.css: A pure CSS library that provides you with a variety of nice-looking toggles.

motion-ui: ๐Ÿ’Ž The powerful Sass library for creating CSS transitions and animations.

mui: A lightweight CSS framework that follows Google's Material Design guidelines.

mustard ui: A starter CSS framework that actually looks good.

MVP.css: Minimalist stylesheet for HTML elements.

N

Nanasi-CSS: Responsive and pure CSS framework built on Flexbox. ๐Ÿ

Natural Selection: A CSS Boilerplate / Starter Kit: Collection of best-practice CSS selectors.

NES.css: NES-style CSS Framework | ใƒ•ใ‚กใƒŸใ‚ณใƒณ้ขจCSSใƒ•ใƒฌใƒผใƒ ใƒฏใƒผใ‚ฏ.

neumorphia.css: Modern & neumorphic web elements!

normalize.css: A modern alternative to CSS resets.

numl: Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System ๐ŸŒˆ

P

palm-tree-css-library: ๐ŸŒด Minimalist. Modern. Simple. ๐ŸŒด An open source CSS library.

papercss: The Less Formal CSS Framework.

paper.css: Lightweight, modern CSS to add some flair to your web-things ๐Ÿ“œ

patternfly: An open source design system built to drive consistency and unify teams.

Phonon: A responsive front-end framework with a focus on simplicity and flexibility.

picnic: A beautiful CSS library to kickstart your projects.

pico: Minimal CSS Framework for semantic HTML.

preboot: A collection of LESS mixins and variables for writing better CSS.

pretty-checkbox: A pure CSS library to beautify checkbox and radio buttons.

primer: The CSS design system that powers GitHub.

primitive: โ›๏ธ โ€Ž A front-end design toolkit for developing web apps.

Propeller: Develop more, Code less. A front-end responsive framework based on Google's Material Design Standards & Bootstrap.

PSone.css: ๐ŸŽฎ PS1 style CSS Framework, inspired by NES.css

Puppertino: A CSS framework based on Human Guidelines from apple.

pure: A set of small, responsive CSS modules that you can use in every web project.

pushy-buttons: ๐Ÿ‘‡ CSS Pressable 3D Buttons.

Q

quick: CSS framework for web developers who do not have time.

R

radiobox.css: Tiny set of pure CSS animations for your radio inputs.

Ratchet: Build mobile apps with simple HTML, CSS, and JavaScript components.

repaintless: Library for fast CSS Animations.

Responsive: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites.

ress: ๐Ÿšฟ A modern CSS reset.

retro-css-shell-demo: AnderShell 3000 - Retro looking terminal in CSS.

RPGUI: Lightweight framework for old-school RPG GUI in web!.

S

sakura: A minimal css framework/theme.

sanitize.css: A best-practices CSS foundation.

schema: A modular, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box.

scss-to-css: Recursively compile all SCSS files into minified CSS.

Semantic-UI: a UI component framework based around useful principles from natural language.

shorthand: Utility based css framework built with SCSS.

sierra: Sierra SCSS library.

siimple: The minimal and themeable CSS toolkit for flat and clean designs.

Silon: Logic Gates and Adders in pure CSS.

simple.css: Is a classless CSS template that allows you to make a good looking website really quickly.

simpsons-in-css: Simpsons characters in CSS.

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development.

SkeletonPlaceholder: A small css library to build skeleton placeholders.

Skin: Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace. Created by eBay.

slim.js: Fast & Robust Front-End Micro-framework based on modern standards.

source code pro: Monospaced font family for user interface and coding environments

spark: Spark is a lightweight responsive web design framework with multiple styles.

SPCSS: A simple, minimal, classless stylesheet for simple HTML pages.

spectre: A Lightweight, Responsive and Modern CSS Framework.

SpinKit: A collection of loading indicators animated with CSS.

starwarsintro: A CSS Library for the Star Wars Intro Crawl.

steller-css: โ›ฐ๏ธ A utility-first CSS framework that serves as the foundation of your design system.

strawberry: A new flexbox based CSS micro-framework.

style.css: Classless stylesheet for HTML documents.

stylestats: is a library to collect CSS statistics.

susy: Responsive layout toolkit for Sass.

switchery: iOS 7 style switches for your checkboxes.

system.css: A design system for building retro Apple interfaces.

T

Tabler: Free and open-source HTML Dashboard UI Kit built on Bootstrap.

tachyons: Functional css for humans.

tacit: CSS framework for dummies, without a single CSS class.

tailwindcss: A utility-first CSS framework for rapid UI development.

tawian-frontend: A markdowny CSS framework.

tentcss: A CSS survival kit. Includes only the essentials to make camp.

terminal.css: Modern and minimalistic CSS framework for terminal enthusiasts.

tootik: A pure CSS/SCSS/LESS Tooltips library. Super easy to use, No JavaScript required.

topcoat: CSS for clean and fast web apps.

tsuika: A classless CSS framework powered with web components to enhance the UI / UX of your next project.

transition.css: drop-in css transitions.

tuesday: A quirky CSS Animation Library.

TuiCss: A text-based user interface CSS library.

turretcss: A framework for rapid development of responsive and accessible websites.

typebase.css: A starting point for good typography on the web.

typeset.css: a no-nonsense css typography reset for styling user-generated content like blog posts, comments, and forum content.

U

uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces.

uiterminal: Terminal Style CSS Framework.

universal.css: The only CSS you will ever need.

unnamed-css-framework: A simple colorful CSS framework.

unsemantic: Fluid grid for mobile, tablet, and desktop.

V

Vanilla: A simple, extensible CSS framework.

Vital: A minimally invasive CSS framework for modern web applications.

vivify: Vivify is free CSS animation library.

vov.css: ๐Ÿ“ฑ๐Ÿ’ปA CSS Library for small but useful animations๐Ÿ’ป๐Ÿ“ฑ

voxel.css: A lightweight 3D CSS voxel library.

W

wallop: A minimal JS library for showing & hiding things.

water.css: A drop-in collection of CSS styles to make simple websites just a little nicer.

windows-95-ui-kit: ๐Ÿ’พ Windows 95 UI Kit made with Bootstrap 4 components.

wing: A beautiful CSS framework designed for minimalists.

wired-elements: A collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

Wireframe: A minimal wireframing css-framework. ๐ŸŽˆ

Woah.css: CSS Animation Library for eccentrics.

X

XP.css: A CSS framework for building faithful recreations of operating system GUIs.

Y

yaml: YAML (Yet Another Multicolumn Layout) is a modular CSS framework for truly flexible, accessible and responsive websites. It is based on Sass and has a very slim framework core that weights only ~6kB.

youtube-ui: Youtube Like Components.

Contributing GitHub

Do you want help improve this list? You can find the Contributing Guidelines here. If your pull request is approved you will be added to the list of contributors of this awesome project!

See also the list of contributors who participate in this project.

About

An awesome list of CSS / SCSS frameworks & resources.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published