π A design reference for developers who prioritize good design.
GPL-3.0 License
Hey! It's Sky-Design, the CSS & Design Reference for developers who care about good design.
βDesign is a solution to a problem. Art is a question to a problem.β β John Maeda
Base / Reset / Normalize
Very Lightweight
General Purpose
Material Design
Flat UI Color: Simple color picker
Typewolf: A collection of inspirational sites with fonts listed
Google Web Fonts Helper: Lets you download the fonts you like, so you can host your fonts.
Design Elements by lonely planet.
Dropbox (S)CSS Style Guide by Dropbox.
Fabric by Microsoft.
GitHub CSS Style Guide by Github.
Official Trello CSS Guide by Bobby Grace.
Solid by BuzzFeed.
Patterns by MailChimp.
Lighting Design System by Salesforce.
Walmart Web Style Guide by Walmartlabs.
SASS Style Guide by Sass team.
Style Guide by Starbucks.
Website Style Guide Resources by Awesome people.
Base / Reset / Normalize
normalize.css - Modern, HTML5-ready alternative to CSS resets.
sanitize.css - The best-practices CSS foundation.
inuitcss - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.
minireset.css - Tiny modern CSS reset.
Very Lightweight
Frameworks that are smaller than ~5KB.
Pure - Set of small, responsive CSS modules that you can use in every web project.
Milligram - Minimalist CSS framework.
Picnic CSS - Lightweight and beautiful library.
Mobi.css - Lightweight, scalable, mobile-first CSS framework.
mini.css - Minimal, responsive, style-agnostic CSS framework.
Wing - Beautiful CSS framework designed for minimalists.
sakura - Minimal classless CSS framework/theme.
General Purpose
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Semantic UI - User Interface is the language of the web.
Foundation - The most advanced responsive front-end framework in the world.
Bulma - Modern CSS framework based on Flexbox.
UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces.
Primer - CSS framework that powers GitHub's front-end design.
Tachyons - Quickly build and design new UI without writing CSS.
Spectre.css - Lightweight, responsive and modern CSS framework.
Material Design
Material Components Web - Modular and customizable Material Design UI components for the web.
Materialize - CSS Framework based on material design.
MUI - Lightweight CSS framework that follows Google's Material Design guidelines.