Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ioncodes/awesome-ui

A curated list of awesome UI libraries, frameworks & guidelines
https://github.com/ioncodes/awesome-ui

List: awesome-ui

Last synced: about 1 month ago
JSON representation

A curated list of awesome UI libraries, frameworks & guidelines

Awesome Lists containing this project

README

        

# Awesome UI [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

> _A curated list of websites, libraries, frameworks and guidelines for building an awesome UI._

## Table of Contents

* [Colors](#colors)
* [Fonts](#fonts)
* [Icons](#icons)
* [Guidelines](#guidelines)
* [Web Frameworks](#webframeworks)
* [.NET](#.net)
* [Java](#java)
* [Swift](#swift)

## Colors

* [Coolors](https://coolors.co) - Coolors is a fast and easy tool that let you generate beautiful color palettes.
* [Flat UI Colors](https://flatuicolors.com/) - List of the most common flat colors.
* [Flat UI Colors](https://www.materialui.co/flatuicolors) - Pretty much the same.
* [Flat UI Colorpicker](http://www.flatuicolorpicker.com/) - Color picker for flat colors.
* [Social Colors](https://www.materialui.co/socialcolors) - List of all colors used in apps from Social Network sites, such as Facebook.
* [Metro Colors](https://www.materialui.co/metrocolors) - Colorpalette used in metro style UIs.
* [Material Colors](https://www.materialui.co/colors) - List of all colors following the Material Design concept.

## Fonts

* [Google Fonts](https://fonts.google.com) - Big list of 800+ fonts hosted by Google.
* [Font Squirrel](https://www.fontsquirrel.com/) - Lot's of fonts here. Also has tools such as a font generator and font identifier.
* [DaFont](http://www.dafont.com/) - Much wow, much fonts.
* [Fonts](https://www.fonts.com/) - Font search engine.

## Icons

* [Fontawesome](http://fontawesome.io/) - Fontawesome, the most popular iconfont with 600+ icons.
* [Material Icons](https://material.io/icons/) - The official Material Design icons.
* [Foundation Icons 3](http://zurb.com/playground/foundation-icon-fonts-3) - Font with 250+ icons.
* [Ionicons](http://ionicons.com/) - _The premium icon font for Ionic Framework._
* [Devicons](http://vorillaz.github.io/devicons/#/main) - 100+ icons in here.
* [Octicons](https://octicons.github.com/) - For the GitHub fanatics.
* [Iconic](https://useiconic.com/open) - 200+ icons.

## Guidelines

* [Flat Design](https://designmodo.com/flat-design-principles/) - The Flat UI guideline written by the maker of [Flat UI](http://designmodo.github.io/Flat-UI/).
* [Material Design](https://material.io/guidelines/) - Written by Google.
* [Metro](https://designmodo.com/metro-ui/) - The Metro UI guideline.
* [UWP](https://developer.microsoft.com/en-us/windows/apps/design) - Style Guide for UWP/Windows 10 based applications. Written by Microsoft.
* [OSX](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/index.html#//apple_ref/doc/uid/20000957-CH4-SW1) - UX guidelines for OSX, written by Apple.
* [GNOME](https://developer.gnome.org/hig/stable/) - GNOMEs UI Guideline.
* [KDE](https://community.kde.org/KDE_Visual_Design_Group/HIG) - KDEs UI Guideline.
* [iOS](https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles/) - Style Guide for iOS applications.
* [Android](https://developer.android.com/design/index.html) - Android's Guideline, also refers to the [Material Design](https://material.io/guidelines/) webpage.
* [Apple Watch](https://developer.apple.com/watchos/human-interface-guidelines/overview/) - Guideline for the Apple Watch.
* [WP8](https://msdn.microsoft.com/library/windows/apps/fa00461b-abe1-41d1-be87-0b0fe3d3389d%28v=vs.105%29.aspx) - Windows Phone 8 Guideline.
* [Eclipse](https://wiki.eclipse.org/User_Interface_Guidelines) - General UI Guideline written by the Eclipse Team.
* [Elementary OS](https://elementary.io/docs/human-interface-guidelines#human-interface-guidelines) - Guideline for Elementary OS.
* [Haiku OS](https://www.haiku-os.org/docs/HIG/index.xml) - Guideline for Haiku OS.
* [Java](http://www.oracle.com/us/products/middleware/application-server/jlf-135985.html) - UI Guidelines written by Oracle.
* [Ubuntu](https://design.ubuntu.com/apps) - Design Guide for Ubuntu.
* [Windows 7](https://developer.microsoft.com/en-us/windows/desktop/design) - UI Guideline for Windows 7 and earlier.
* [XFCE](https://wiki.xfce.org/dev/hig/general) - Guideline for XFCE.

## WebFrameworks

### [Bootstrap](http://getbootstrap.com/)

* [Bootstrap Studio](https://bootstrapstudio.io/) - Bootstrap Editor and Builder
* [Bootply](http://www.bootply.com/) - Bootstrap Editor and Builder
* [brix.io](http://brix.io/) - Bootstrap Editor and Builder
* [Jetstrap](https://jetstrap.com/) - Bootstrap Editor and Builder
* [Pinegrow](https://pinegrow.com/) - Bootstrap Editor and Builder
* [Pingendo](http://pingendo.com/) - Bootstrap Editor and Builder
* [StartBootstrap](https://startbootstrap.com/) - Website with Bootstrap themes and templates

### Others

* [Skeleton](http://getskeleton.com/)
* [Spectre.css](http://picturepan2.github.io/spectre/)
* [Milligram](http://milligram.github.io/)
* [Basscss](http://basscss.com/)

## .NET

* [Bunifu](https://devtools.bunifu.co.ke/) - .NET UI themes
* [Avalonia](https://github.com/AvaloniaUI/Avalonia) - A multi-platform .NET UI framework.
* [ReactiveUI](http://reactiveui.net/) - Create UIs which run on all platforms
* [Telerik](http://www.telerik.com/) - Telerik has lot's of components for .NET
* [MaterialSkin](https://github.com/IgnaceMaes/MaterialSkin) - Material Design for WinForms.
* [MaterialDesignInXAML](http://materialdesigninxaml.net/) - Material Design for WPF.

## Java

* [Swing](https://docs.oracle.com/javase/tutorial/uiswing/) - The classic of Java UI.
* [SwingX](https://swingx.java.net/) - Extends Swing.
* [JavaFX](http://www.oracle.com/technetwork/java/javase/overview/javafx-overview-2158620.html) - The better Swing.
* [JFoenix](https://github.com/jfoenixadmin/JFoenix) - Provides all JavaFX Controls with the style of Material Design.
* [Flatter](http://www.guigarage.com/flatter/) - JavaFX Flat UI style.
* [AeroFX](http://www.guigarage.com/aerofx/) - Imitates Windows 7 with JavaFX.
* [AquaFX](http://www.guigarage.com/aquafx/) - Imitates OS X with JavaFX.
* [JMetro](https://pixelduke.wordpress.com/2012/10/23/jmetro-windows-8-controls-on-java/) - Metro design for JavaFX.
* [JBootX](https://github.com/dicolar/jbootx) - Bootstrap 2 & 3 theme for JavaFX.

## Swift

* [Eureka](https://github.com/xmartlabs/Eureka) - Elegant iOS forms.
* [XLActionController](https://github.com/xmartlabs/XLActionController) - Extension Sheet Controller.
* [FlourishUI](https://github.com/thinkclay/FlourishUI) - Provides you with modals and other customizable controls.
* [Fontawsome.swift](https://github.com/thii/FontAwesome.swift) - Implement FontAwesome in Swift.
* [Charts](https://github.com/danielgindi/Charts) - Build charts like a pro.
* [GoogleMaterialIconFont](https://github.com/kitasuke/GoogleMaterialIconFont) - Use the Material Icons in Swift.

## Others

* [Electron](http://electron.atom.io/) - Build cross platform desktop apps with JavaScript, HTML, and CSS.
* [React](https://facebook.github.io/react/) - A JS library for building UIs.