├── LICENSE.md └── README.md /LICENSE.md: -------------------------------------------------------------------------------- 1 | This is free and unencumbered software released into the public domain. 2 | 3 | Anyone is free to copy, modify, publish, use, compile, sell, or 4 | distribute this software, either in source code form or as a compiled 5 | binary, for any purpose, commercial or non-commercial, and by any 6 | means. 7 | 8 | In jurisdictions that recognize copyright laws, the author or authors 9 | of this software dedicate any and all copyright interest in the 10 | software to the public domain. We make this dedication for the benefit 11 | of the public at large and to the detriment of our heirs and 12 | successors. We intend this dedication to be an overt act of 13 | relinquishment in perpetuity of all present and future rights to this 14 | software under copyright law. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR 20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, 21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 22 | OTHER DEALINGS IN THE SOFTWARE. 23 | 24 | For more information, please refer to 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Curated list for UI/UX Designers 2 | 3 | The more frictionless building great user interfaces becomes, the more the user benefits. 4 | 5 | The aim of this is to evolve with the industry and the growing list of tools that are built to support UI/UX designers. 6 | 7 | ## Table of Contents 8 | * [Designers](#designers) 9 | * [User Research Tools](#user-research-tools) 10 | * [Standards and Guidelines](#standards-and-guidelines) 11 | * [Prototyping Tools](#prototyping-tools) 12 | * [Browser Extensions](#browser-extensions) 13 | * [Generic Design Tools](#generic-design-tools) 14 | * [Miscellaneous](#miscellaneous) 15 | * [Slack groups](#slack) 16 | * [Websites](#websites) 17 | * [YouTube](#youtube) 18 | * [CSS Framework](#front-end-css-frameworks) 19 | * [Front-end Web Frameworks](#front-end-web-frameworks) 20 | * [Javascript UI Libraries](#javascript-ui-libraries) 21 | * [CSS Preprocessor](#css-preprocessor) 22 | * [Typography](#typography) 23 | * [Animation](#animation) 24 | * [Email Frameworks](#email-frameworks) 25 | * [GUI Libraries and Frameworks](#gui-libraries-and-frameworks) 26 | * [UI Design Languages](#ui-design-languages) 27 | * [Testing Frameworks](#testing-frameworks) 28 | * [Miscellaneous Frameworks](#miscellaneous-frameworks) 29 | * [Version Control](#version-control) 30 | 31 | ## UX 32 | ### Designers 33 | * Helen Tran: [Twitter](https://twitter.com/tranhelen) 34 | * Evil Rabbit: [Twitter](https://twitter.com/evilrabbit_) 35 | * Ricky Rauch: [Twitter](https://twitter.com/rickyrauch) 36 | * Cat Noone: [Twitter](https://twitter.com/imcatnoone) 37 | * Øyvind Nordbø: [Twitter](https://twitter.com/onordbo) 38 | * Greg Worrall: [Twitter](https://twitter.com/gregjwww) 39 | * Timothy Achumba: [Twitter](https://twitter.com/timothyachumba) 40 | * Sebastiaan de With: [Twitter](https://twitter.com/sdw) 41 | * Piper Lawson: [Twitter](https://twitter.com/UxPiper) 42 | * Tobias van Schneider: [Twitter](https://twitter.com/vanschneider) 43 | * Haraldur Thorleifsson: [Twitter](https://twitter.com/iamharaldur) 44 | * Benjamin De Cock: [Twitter](https://twitter.com/bdc) 45 | * Muan Chiou: [Twitter](https://twitter.com/muanchiou) 46 | * Bryn Jackson: [Twitter](https://twitter.com/uberbryn) 47 | * Brian Lovin: [Twitter](https://twitter.com/brian_lovin) 48 | * Jon Gold: [Twitter](https://twitter.com/jongold) 49 | * Una Kravets: [Twitter](https://twitter.com/una) 50 | * Jorn van Dijk: [Twitter](https://twitter.com/jornvandijk) 51 | * Kat Fukui: [Twitter](https://twitter.com/katfukui) 52 | * Philip Amour: [Twitter](https://twitter.com/philipamour) 53 | * Kylie Timpani: [Twitter](https://twitter.com/kylietimpani) 54 | * Kalina Ivanova: [Twitter](https://twitter.com/VertigoBirdie) 55 | * Alan Bauchop: [Twitter](https://twitter.com/AlanInterface) 56 | * Colin Dunn: [Twitter](https://twitter.com/colin_dunn) 57 | * Darin Dimitroff: [Twitter](https://twitter.com/deezel) 58 | * Bruno Simon: [Github](https://github.com/brunosimon) 59 | 60 | ### User Research Tools 61 | * [Hubble](https://hubble.team/) 62 | * [LookBack](https://lookback.io/) 63 | * [Jaco](https://www.getjaco.com/) 64 | 65 | ### Standards and Guidelines 66 | * Desktop: [Microsoft Guidelines](https://docs.microsoft.com/en-us/windows/win32/uxguide/guidelines) 67 | * Mobile & Embedded: [Apple Guidelines](https://developer.apple.com/design/human-interface-guidelines/) 68 | * Web: 69 | - [VMWare Guidelines (Clarity Design System)](https://clarity.design/documentation) 70 | - [Microsoft Guidelines (Office UI Fabric Core)](https://developer.microsoft.com/en-us/fabric#/controls/web) 71 | 72 | ### Prototyping Tools 73 | * Moqups: [Website](https://moqups.com/) 74 | * Axure RP: [Website](https://www.axure.com/) 75 | * InVision: [Website](https://www.invisionapp.com/) 76 | * Adobe XD: [Website](http://www.adobe.com/uk/products/experience-design.html) 77 | * Flinto: [Website](https://flinto.com) 78 | * Principle: [Website](http://principleformac.com/) 79 | * Framer: [Website](https://framer.com/) 80 | * Marvel: [Website](https://marvelapp.com/) 81 | 82 | ### Browser Extensions 83 | * [Panda](https://usepanda.com/) 84 | * [Palette](https://chrome.google.com/webstore/detail/palette/nmfbolhlkhjkmkkbginaicfpbpdjlfje) 85 | * [Stylish](https://userstyles.org/) 86 | 87 | ### Generic Design Tools 88 | * [Figma](https://www.figma.com/files) 89 | * [Sketch](https://www.sketchapp.com/) 90 | * [Sketchpacks](https://sketchpacks.com/) - Manage & auto-update your Sketch plugins 91 | * [Webflow](https://webflow.com/) 92 | * [Framer](https://framer.com/) 93 | 94 | ### Miscellaneous 95 | * [DesignMovies](http://www.designmovi.es/) 96 | * [UI Talks](http://talks.ui-patterns.com/) 97 | * [Panda](http://usepanda.com/) 98 | * [Codrops](http://tympanus.net/codrops/) 99 | * [Kap: An open source screen recorder](https://getkap.co/) 100 | 101 | ### Slack 102 | * [The Fearless Community](https://fearlesstalent.co/community/) 103 | * [Content + UX](https://contentandux.org/) 104 | * [Design Gigs for Good](https://www.designgigsforgood.org/) 105 | * [Design Leadership](https://designleadership.io/) 106 | * [Design Systems Slack](https://design.systems/slack/) 107 | * [Design to Combat COVID-19](https://airtable.com/shrHgouIXy3p85oHy) 108 | * [DesignOps Community](https://rosenfeldmedia.com/designops-community/#join-us) 109 | * [DesignX](https://designx.community/) 110 | * [Designer Hangout](https://www.designerhangout.co/) 111 | * [Growth Designers](https://growthdesigners.co/) 112 | * [IxDA](https://ixda.slack.com/join/shared_invite/enQtMzI1NTk2NzA2MjA4LTA2NmM1ZjNiNzFjZTg2NjNmMTZkZTY1MzdhYWM4N2FiY2I5YTA3ZGZjNDk1MTk4ODU1MDc0NDkxYmFiM2FlOWY#/) 113 | * [Leading Design](https://leadingdesign.com/join) 114 | * [Mixed Methods](https://www.mixed-methods.org/) 115 | * [Product Hive](https://www.producthive.org/) 116 | * [UX Mastery](https://uxmastery.com/) 117 | * [UXR Collective](https://docs.google.com/forms/d/e/1FAIpQLSePL0dRncx0hiadfGcvogtTwlZZvpT-M6oe3kRFi1ajwXDZzw/viewform) 118 | 119 | ### Websites 120 | * [Designer News](https://www.designernews.co/) 121 | * [Dribbble](https://dribbble.com/) 122 | * [Behance](https://www.behance.net/) 123 | * [CSS-Tricks](https://css-tricks.com/) 124 | * [Webdesigner Depot](http://www.webdesignerdepot.com/) 125 | * [DesignModo](http://designmodo.com/) 126 | * [Awwwards](http://www.awwwards.com/blog/) 127 | * [Dwell](https://hello.dwell.com/) 128 | * [Interface Lovers](https://interfacelovers.com/) 129 | * [Smashing Magazine](https://www.smashingmagazine.com/articles/) 130 | 131 | ### YouTube 132 | * [DevTips](https://www.youtube.com/user/DevTipsForDesigners) 133 | * [Flux](https://www.youtube.com/channel/UCN7dywl5wDxTu1RM3eJ_h9Q) 134 | 135 | ## UI 136 | 137 | ### CSS Frameworks 138 | * Fabric Core: [GitHub](https://github.com/OfficeDev/office-ui-fabric-core) | [Website](https://developer.microsoft.com/en-us/fabric#/get-started#fabric-core) 139 | * Clarity: [GitHub](https://github.com/vmware/clarity/) | [Website](https://clarity.design) 140 | * Framework7: [GitHub](https://github.com/framework7io/framework7) | [Website](http://framework7.io) 141 | * Ionic: [GitHub](https://github.com/ionic-team/ionic) | [Website](https://ionicframework.com/) 142 | * Bootstrap: [GitHub](https://github.com/twbs/bootstrap) | [Website](http://getbootstrap.com/) 143 | * Foundation: [GitHub](https://github.com/zurb/foundation-sites) | [Website](http://foundation.zurb.com/) 144 | * HTML5 Boilerplate: [GitHub](https://github.com/h5bp/html5-boilerplate) | [Website](https://html5boilerplate.com/) 145 | * Materialize: [GitHub](https://github.com/Dogfalo/materialize) | [Website](http://materializecss.com/) 146 | * Skeleton: [Website](http://getskeleton.com/) 147 | * BassCSS: [Website](http://www.basscss.com/) 148 | * Concise: [Website](http://concisecss.com/) 149 | * Cardinal: [Website](http://cardinalcss.com/) 150 | * Tachyons: [Website](http://tachyons.io/) 151 | * Fluidity: [GitHub](https://github.com/mrmrs/fluidity) | [Website](http://fluidity.sexy/) 152 | * Semantic UI: [GitHub](https://github.com/semantic-org/semantic-ui/) | [Website](https://semantic-ui.com/) 153 | * Eightpoint: [GitHub](https://github.com/wulkano/eightpoint) 154 | * Pure: [Website](https://purecss.io/) 155 | * Bulma: [Website](http://bulma.io/) 156 | 157 | ### Front-end Web Frameworks 158 | #### Rust 159 | * Yew: [GitHub](https://github.com/DenisKolodin/yew) 160 | #### Typescript 161 | * Angular: [GitHub](https://github.com/angular/angular) | [Website](https://angular.io/) 162 | #### Javascript 163 | * Angular.js: [GitHub](https://github.com/angular/angular.js) | [Website](https://angularjs.org/) 164 | * Knockout.js: [GitHub](https://github.com/knockout/knockout) | [Website](http://knockoutjs.com/) 165 | * Vue.js: [GitHub](https://github.com/vuejs/vue) | [Website](https://vuejs.org/) 166 | * Poke: [GitHub](https://github.com/gregjw/poke) | [Website](https://poke.js.org/) 167 | * Cycle.js: [Website](https://cycle.js.org/) 168 | #### Elm 169 | * Elm-UI: [GitHub](https://github.com/gdotdesign/elm-ui) | [Website](https://elm-ui.netlify.com/) 170 | 171 | ### Javascript UI Libraries 172 | * React.js: [GitHub](https://github.com/facebook/react) | [Website](https://facebook.github.io/react/) 173 | * Polymer: [GitHub](https://github.com/Polymer/polymer) | [Website](https://www.polymer-project.org/1.0/) 174 | * Marko.js: [GitHub](https://github.com/marko-js/marko) | [Website](http://markojs.com/) 175 | * Webix: [GitHub](https://github.com/webix-hub/webix) 176 | 177 | ### CSS Preprocessor 178 | * Sass: [GitHub](https://github.com/sass/sass) | [Website](http://sass-lang.com/) 179 | * Less: [GitHub](https://github.com/less/less.js) | [Website](http://lesscss.org/#) 180 | * Stylus: [GitHub](https://github.com/stylus/stylus/) | [Website](http://stylus-lang.com/) 181 | * CSS-Crush: [GitHub](https://github.com/peteboere/css-crush) | [Website](http://the-echoplex.net/csscrush/) 182 | * Myth: [GitHub](https://github.com/segmentio/myth) | [Website](http://www.myth.io/) 183 | * Clay: [GitHub](https://github.com/sebastiaanvisser/clay) | [Website](http://fvisser.nl/clay/) 184 | * PostCSS: [GitHub](https://github.com/postcss/postcss) 185 | 186 | ### Typography 187 | * Simple Typography with Sass: [GitHub](https://github.com/AdamMarsden/simple-typography) 188 | * Typographic Scales by Spec: [Website](https://spec.fm/specifics/type-scale) 189 | * Rhythm in Web Typography: [Website](https://betterwebtype.com/rhythm-in-web-typography) 190 | 191 | ### Animation 192 | * Anime.js: [GitHub](https://github.com/juliangarnier/anime) | [Website](http://anime-js.com/) 193 | * Animate.css: [GitHub](https://github.com/daneden/animate.css) | [Website](http://daneden.github.io/animate.css/) 194 | * Hover.css: [GitHub](https://github.com/IanLunn/Hover) | [Website](http://ianlunn.github.io/Hover/) 195 | * Effeckt.css: [GitHub](http://h5bp.github.io/Effeckt.css/) 196 | * Bounce.js: [GitHub](https://github.com/tictail/bounce.js) | [Website](http://bouncejs.com/) 197 | * Choreographer.js [GitHub](https://github.com/christinecha/choreographer-js) | [Website](https://christinecha.github.io/choreographer-js/) 198 | * GreenSock: [Website](https://greensock.com/gsap) 199 | 200 | ### Email Frameworks 201 | * Foundation for Emails (Formerly Ink): [GitHub](https://github.com/zurb/foundation-emails) | [Website](http://foundation.zurb.com/emails/email-templates.html) 202 | * MJML: [Website](https://mjml.io/) 203 | * Antwort: [Website](http://internations.github.io/antwort/) 204 | 205 | ### GUI Libraries and Frameworks 206 | 207 | #### Frameworks 208 | 209 | ##### Cross-platform 210 | 211 | * Qt: [Website](https://qt.io/) 212 | 213 | ##### Mobile 214 | 215 | * Kivy : [GitHub](https://github.com/kivy/kivy) | [Website](https://kivy.org) 216 | * LambdaNative : [GitHub](https://github.com/part-cw/lambdanative) | [Website](https://www.lambdanative.org/) 217 | 218 | #### Libraries 219 | 220 | ##### Desktop 221 | * Bunifu (.NET, WinForms, C#): [Website](https://bunifuframework.com/) 222 | * ImGui: [GitHub](https://github.com/ocornut/imgui) 223 | * Agar: [GitHub](https://github.com/JulNadeauCA/libagar) | [Website](http://libagar.org/) 224 | * Nuklear: [GitHub](https://github.com/vurtun/nuklear) 225 | * libui: [GitHub](https://github.com/andlabs/libui) 226 | * FLTK: [GitHub](https://github.com/fltk/fltk) | [Website](https://www.fltk.org/) 227 | * GTK+: [GitHub](https://github.com/GNOME/gtk) | [Website](https://gtk.org/) 228 | * EFL: [GitHub](https://github.com/Enlightenment/efl) | [Website](https://www.enlightenment.org/) 229 | 230 | ### UI Design Languages 231 | * Kv Design Language: [Website](https://kivy.org/doc/stable/guide/lang.html) 232 | * RadJav: [GitHub](https://github.com/FogChainInc/RadJav) 233 | * Elm: [Website](http://elm-lang.org/) 234 | * uilang: [Website](http://uilang.com/) 235 | * AmmyUI: [GitHub](https://github.com/AmmyUI/AmmyUI) 236 | 237 | ### Testing Frameworks 238 | * QUnit: [Website](https://qunitjs.com/) 239 | * Jasmine: [Website](http://jasmine.github.io/) 240 | * Mocha: [Website](https://mochajs.org/) 241 | * Wallaby.js: [Website](https://wallabyjs.com/) 242 | 243 | ### Miscellaneous Frameworks 244 | * Normalize.css: [GitHub](https://github.com/necolas/normalize.css) 245 | * Buttons: [GitHub](https://github.com/alexwolfe/Buttons) 246 | * Polymer Designer: [GitHub](https://github.com/Polymer/designer) 247 | 248 | ## Version Control 249 | * [GitKraken](https://www.gitkraken.com) - An easy-to-use, cross-platform Git client 250 | * [Abstract](https://www.abstractapp.com/) - Version control for designers, integrates with [Sketch](https://www.sketchapp.com/). 251 | * [Sketchpacks Relay](https://github.com/integration/sketchpacks-relay) - Serve your Sketch plugin updates from Github in real-time 252 | --------------------------------------------------------------------------------