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: 16 days ago
JSON representation

A curated list of awesome UI libraries, frameworks & guidelines

Host: GitHub
URL: https://github.com/ioncodes/awesome-ui
Owner: ioncodes
Created: 2017-02-23T16:09:17.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2017-02-23T16:10:34.000Z (almost 8 years ago)
Last Synced: 2024-12-01T11:48:11.136Z (20 days ago)
Homepage:
Size: 5.86 KB
Stars: 66
Watchers: 7
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

ultimate-awesome - awesome-ui - A curated list of awesome UI libraries, frameworks & guidelines. (Other Lists / Monkey C Lists)

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.