Need help with sky-design?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

200 Stars 7 Forks GNU General Public License v3.0 9 Commits 0 Opened issues


🌃 the design reference for the developers who care about good design.

Services available


Need anything else?

Contributors list

# 407,305
6 commits
# 9,091
1 commit

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

Table Of Contents

Tutorials :book:

Color Picker Tools

  1. Flat UI Color: Simple color picker

  2. Color Library

Free Images & Assets

  1. Unsplash

  2. Stocksnap

  3. Pattern Library (Background)

Fonts & Typography

  1. Grid Education Tool

  2. 5 Minutes Guide to Better Typography

  3. Beautiful Web Type

  4. Typewolf: A collection of inspirational sites with fonts listed

  5. Google Web Fonts Helper: Lets you download the fonts you like, so you can host your fonts.

Design Blogs

Style Guide

Code Snippets

CSS Frameworks

Base / Reset / Normalize

  1. normalize.css - Modern, HTML5-ready alternative to CSS resets.

  2. sanitize.css - The best-practices CSS foundation.

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

  4. minireset.css - Tiny modern CSS reset.

Very Lightweight

Frameworks that are smaller than ~5KB.

  1. Pure - Set of small, responsive CSS modules that you can use in every web project.

  2. Milligram - Minimalist CSS framework.

  3. Picnic CSS - Lightweight and beautiful library.

  4. Mobi.css - Lightweight, scalable, mobile-first CSS framework.

  5. mini.css - Minimal, responsive, style-agnostic CSS framework.

  6. Wing - Beautiful CSS framework designed for minimalists.

  7. sakura - Minimal classless CSS framework/theme.

General Purpose

  1. Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  2. Semantic UI - User Interface is the language of the web.

  3. Foundation - The most advanced responsive front-end framework in the world.

  4. Bulma - Modern CSS framework based on Flexbox.

  5. UIkit - Lightweight and modular front-end framework for developing fast and powerful web interfaces.

  6. Primer - CSS framework that powers GitHub's front-end design.

  7. Tachyons - Quickly build and design new UI without writing CSS.

  8. Spectre.css - Lightweight, responsive and modern CSS framework.

Material Design

  1. Material Components Web - Modular and customizable Material Design UI components for the web.

  2. Materialize - CSS Framework based on material design.

  3. MUI - Lightweight CSS framework that follows Google's Material Design guidelines.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.