{"id":13539006,"url":"https://github.com/kevindeasis/awesome-ui","last_synced_at":"2025-04-02T05:32:19.980Z","repository":{"id":8265819,"uuid":"57453091","full_name":"kevindeasis/awesome-ui","owner":"kevindeasis","description":"An \"Awesome\" curated list but for design (UI \u0026 UX) resources. Contains theory, tutorials, books, libraries, and other resources","archived":false,"fork":false,"pushed_at":"2022-05-11T07:21:30.000Z","size":25,"stargazers_count":172,"open_issues_count":1,"forks_count":19,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-05-22T16:32:28.149Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kevindeasis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-30T17:07:08.000Z","updated_at":"2024-05-20T10:16:38.000Z","dependencies_parsed_at":"2022-07-13T22:50:28.128Z","dependency_job_id":null,"html_url":"https://github.com/kevindeasis/awesome-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevindeasis%2Fawesome-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevindeasis%2Fawesome-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevindeasis%2Fawesome-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kevindeasis%2Fawesome-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kevindeasis","download_url":"https://codeload.github.com/kevindeasis/awesome-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246763809,"owners_count":20829795,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T09:01:18.939Z","updated_at":"2025-04-02T05:32:18.436Z","avatar_url":"https://github.com/kevindeasis.png","language":null,"funding_links":[],"categories":["Others","Other Lists","Contribute","Design"],"sub_categories":["TeX Lists"],"readme":"# Awesome-UI [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![MIT](https://img.shields.io/github/license/mashape/apistatus.svg)](https://opensource.org/licenses/MIT)\n\u003e A curated list of awesome UI/UX, and Design\nResource for everything related to UI / UX. Contributions are welcome, just do a pull request!\n\n\n## Trending\n0. [Trending](https://github.com/whatwhatgoose/trending/issues)\n\n## Contribute\n\n\u003e Contributions are welcome! Just do a pull request!\n  - **Working on your first Pull Request?** You can learn how from this *free* series [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github)\n\n# Medium\n[The medium blog post is here](https://medium.com/free-stuff/500-curated-design-to-learn-ui-ux-resource-list-2ca7c857adbd#.pup0ub371)\n##Other list of awesome free stuff\n[Is Here](https://medium.com/free-stuff)\n\n\n# Table of Contents\n1. [Prototyping Tools](https://github.com/kevindeasis/awesome-ui#prototyping-tools)\n2. [Wireframing Tools](https://github.com/kevindeasis/awesome-ui#wireframing-tools)\n3. [Style](https://github.com/kevindeasis/awesome-ui#style)\n   + [Colors](https://github.com/kevindeasis/awesome-ui#colors)\n   + [Icons](https://github.com/kevindeasis/awesome-ui#colors)\n     - [Stock Icons](https://github.com/kevindeasis/awesome-ui#stock-icons)\n   + [Imagery](https://github.com/kevindeasis/awesome-ui#imagery)\n     - [Stock Photo](https://github.com/kevindeasis/awesome-ui#stock-photos)\n   + [Typography](https://github.com/kevindeasis/awesome-ui#typography)\n   + [Writing](https://github.com/kevindeasis/awesome-ui#writing)\n4. [Layout](https://github.com/kevindeasis/awesome-ui#layout)\n5. [Components](https://github.com/kevindeasis/awesome-ui#components)\n6. [Patterns](https://github.com/kevindeasis/awesome-ui#patterns)\n7. [Usability](https://github.com/kevindeasis/awesome-ui#usability)\n8. [Animation](https://github.com/kevindeasis/awesome-ui#animation)\n9. [Online Courses](https://github.com/kevindeasis/awesome-ui#online-courses)\n10. [Podcast](https://github.com/kevindeasis/awesome-ui#podcasts)\n11. [Communities](https://github.com/kevindeasis/awesome-ui#communities)\n12. [Inspiration](https://github.com/kevindeasis/awesome-ui#inspiration)\n13. [Checklist](https://github.com/kevindeasis/awesome-ui#checklist)\n14. [Work Flow](https://github.com/kevindeasis/awesome-ui#planning)\n15. [Other Software \u0026 Tools](https://github.com/kevindeasis/awesome-ui#other-software--tools--resources)\n16. [Jobs](https://github.com/kevindeasis/awesome-ui#jobs)\n\n\n#UI-UX Ultimate Guides\n\n- [UX StackExchange](https://ux.stackexchange.com/questions?sort=votes)\n\n- [UX Myths](http://uxmyths.com/)\n\n- [Must Read UI Books](https://ux.stackexchange.com/questions/74/the-must-read-user-interface-book)\n\n- [52 Weeks of UX](http://52weeksofux.com/tagged/week-1)\n\n- [Intuit Harmony Guide](http://harmony.intuit.com/)\n\n- [Facebook Design](http://facebook.design/)\n\n- [HackDesign](https://hackdesign.org/lessons)\n\n- [GoodUI](http://asktog.com/menus/designMenu.html)\n\n- [Brown University CS 1300: User Interfaces and User Experience](http://cs.brown.edu/courses/csci1300/)\n\n- [Design of Everyday Things by Donald Norman](https://archive.org/details/DesignOfEverydayThings)\n\n- [Bill Buxton, Input Manuscript](http://www.billbuxton.com/inputManuscript.html)\n\n- [SideBar.IO](http://sidebar.io/)\n\n- [AskTog](http://asktog.com/)\n\n- [AskTog: First Principles of Interaction Design (Revised \u0026 Expanded)](http://asktog.com/atc/principles-of-interaction-design/)\n\n- [AskTog: DesignMenu](http://asktog.com/menus/designMenu.html)\n\n- [SoundCloud Podcast, Lean Startup: Combining User - Centered Design \u0026 Lean Startup To Build Better Products](https://soundcloud.com/lean-startup/4-season-3-combining-user-centered-design-lean-startup-to-build-better-products?in=lean-startup/sets/lean-startup-webcasts)\n\n- [About Face, Essentials of Interaction Design PDF](http://feiramoderna.net/download/pos-positivo/COOPER-Alan/About_Face_3-The_Essentials_of_Interaction_Design.pdf)\n\n- [The Vignelli Canon](http://www.vignelli.com/canon.pdf)\n\n- [Magic Ink](http://worrydream.com/MagicInk/)\n\n- [Bill Buxton - Sketching User Experiences](http://www.vignelli.com/canon.pdf)\n\n- [Day 2 Workshop of Sketching User Experiences the Workshop Nicolai Marquardt](https://www.medien.ifi.lmu.de/lehre/ss14/id/Day%202%20Sketching%20IxD.pdf)\n\n- [Google Material Design](https://www.google.com/design/spec/material-design/introduction.html)\n\n- [Design Code](https://designcode.io/)\n\n- [Hack Design](https://hackdesign.org/)\n\n- [Discover Design](http://discovering.design/)\n\n- [Google Web Fundamentals](https://developers.google.com/web/fundamentals/?hl=en)\n\n- [ux pin](https://uxpin.com/knowledge.html)\n\n- [the hipper element](http://thehipperelement.com/post/75476711614/ux-crash-course-31-fundamentals)\n\n- [smashing magazine](https://www.smashingmagazine.com/2012/08/beyond-wireframing-real-life-ux-design-process/)\n\n- [Hack design](https://hackdesign.org/)\n\n- [zurb](http://zurb.com/university/past-lessons)\n\n- [ux-mag](http://uxmag.com/)\n\n- [ux booth](http://www.uxbooth.com/)\n\n- [nn group](https://www.nngroup.com/articles/)\n\n- [ui-patterns](http://ui-patterns.com/)\n\n- [uie](https://www.uie.com/)\n\n- [usability geek](http://usabilitygeek.com/)\n\n- [a list apart](http://alistapart.com/topic/user-experience)\n\n- [boxes and arrows](http://boxesandarrows.com/)\n\n- [eight shapes ](https://medium.com/eightshapes-llc)\n\n\n#Prototyping Tools\n  * [Pixate](http://www.pixate.com/)\n\n  * [Design CC / Adobe Comet](http://www.adobe.com/products/experience-design.html)\n\n  * [Invision Sketch](https://www.invisionapp.com/sketch-prototyping)\n\n  * [Proto](https://proto.io/)\n\n  * [Marvelapp](https://marvelapp.com/)\n\n  * [Form](http://www.relativewave.com/form/)\n\n  * [Framer](http://framerjs.com/)\n\n  * [Macaw](http://macaw.co/)\n\n  * [Hype 3.5](http://tumult.com/hype/)\n\n  * [Origami](https://facebook.github.io/origami/)\n\n  * [Flinto](https://www.flinto.com/)\n\n  * [Webflow](https://webflow.com/)\n\n  * [froont](http://froont.com/)\n\n  * [webflow](http://webflow.com)\n\n  * [Krista make text and vector awesome w/ animation](https://krita.org/download/krita-desktop/)\n\n\n#Wireframing Tools\n\n  * [Mockplus](http://www.mockplus.com/)\n\n  * [Moqups](www.moqups.com)\n\n  * [Balsamiq](http://balsamiq.com/products/mockups/)\n\n  * [AdobeCC](http://www.adobe.com/uk/products/photoshop)\n  \n  * [Adobe Spark](https://spark.adobe.com/) \n\n  * [Mockflow](www.mockflow.com)\n\n  * [Justinmind](http://www.justinmind.com/)\n\n  * [OmniGraffle](https://www.omnigroup.com/omnigraffle)\n\n  * [Wireframe.cc](ww.wireframe.cc)\n\n  * [Mockingbird](www.gomockingbird.com)\n\n  * [Axure](http://www.axure.com/)\n\n  * [Flair Builder](http://flairbuilder.co)\n\n  * [UX Pin](http://uxpin.com)\n\n\n\n\n#Style\n\u003eStyle categories\n\n### Colors\n\n  * [Tobias Van Schneider unique color combinations](http://www.vanschneider.com/colors/)\n\n  * [Color Contrast](https://www.viget.com/articles/color-contrast)\n\n  * [TNW: Emotions with Colour](http://thenextweb.com/dd/2015/04/07/how-to-create-the-right-emotions-with-color-in-web-design/)\n\n  * [Kissmetrics: Color for Conversion](http://www.slideshare.net/kissmetrics/how-the-psychology-of-color-can-increase-your-website-conversions/3-Neil_Patel_KISSmetrics_neilpatel_Neil)\n\n  * [SMW: Color Psychology](http://socialmediaweek.org/blog/2014/08/use-color-psychology-web-design-projects/)\n\n  * [GMD: Color](https://www.google.com/design/spec/style/color.html)\n\n  * [DFF: Color theory](http://www.designforfounders.com/color-theory/)\n\n  ###Icons\n\n  * [GMD: Icons](https://www.google.com/design/spec/style/icons.html#)\n\n  * [Tubik Studio: Icons vs Copy in UI  ](http://tubikstudio.com/visual-perception-icons-vs-copy-in-ui/?utm_source=designernews)\n\n  * [Tuts+](http://design.tutsplus.com/articles/10-top-tips-for-creating-awesome-icons--cms-25538)\n\n  ###Stock Icons\n\n  * [Fontello: Icon fonts generator.](http://fontello.com/)\n\n  * [Flat Icon: A search engine for 16000+ glyph vector icons.](http://www.flaticon.com/)\n\n  * [Font Awesome: The iconic font and CSS toolkit.](http://fortawesome.github.io/Font-Awesome/)\n\n  * [Glyphsearch: Search for icons from other icon databases.](http://glyphsearch.com/)\n\n  * [Material Design Icons: 750 Free open-source glyphs by Google.](https://github.com/google/material-design-icons/releases/tag/1.0.0)\n\n  * [Icon Finder: Free icon section of the website.](https://www.iconfinder.com/free_icons)\n\n  * [Doodle Set: 50 Free Hand Doodle Icons](http://roundicons.com/doodle-icons-free-set/)\n\n  * [Flat Set: Free flat round icons set — 60 icons](http://roundicons.com/free-icons/)\n\n  * [Vector Line Set: Free Vector Line Icons Set — 50 icons](http://roundicons.com/free-vector-line-icons-set/)\n\n  * [MakeAppIcon: Generate App Icons of all sizes with a click.](http://makeappicon.com/)\n\n  * [Endless Icons: Free flat icons and creative stuff.](http://www.endlessicons.com/)\n\n  * [Perfect Icons: A social icon creation tool.](http://perfecticons.com/)\n\n  * [Material Design Icons: 750 Free open-source glyphs by Google.](https://github.com/google/material-design-icons/releases/tag/1.0.0)\n\n  * [Icon Sweets: 60 free vector Photoshop icons.](http://iconsweets.com/)\n\n  * [Ico Moon: 4000+ free vector icons, icon generator.](https://icomoon.io/)\n\n  * [The Noun Project: Thousands of glyph icons from different artists.](http://thenounproject.com/)\n\n  ###Imagery\n\n  * [GMD: imagery](https://www.google.com/design/spec/style/imagery.html)\n\n  ####Stock Photos\n\n  * [Thestocks](thestocks.im)\n\n  * [Stock Up](http://www.sitebuilderreport.com/stock-up)\n\n  * [Pexels](http://www.pexels.com/)\n\n  * [All The Free Stock: Free stock images, icons, and videos.](http://allthefreestock.com/)\n\n  * [Unsplash: Free (do whatever you want) high-resolution photos.](http://unsplash.com/)\n\n  * [Splashbase: Search \u0026 discover free, hi res photos \u0026 videos.](http://www.splashbase.co/)\n\n  * [Startup Stock Photos: Go. Make something.](http://startupstockphotos.com/)\n\n  * [Jay Mantri: Free pics. do anything (CC0). Make magic.](http://jaymantri.com/)\n\n  * [Moveast: This is a journey of a portuguese guy moving east.](http://moveast.me/)\n\n  * [Travel Coffee Book: Sharing beautiful travel moments.](http://travelcoffeebook.com/)\n\n  * [Designers Pics: Free photographs for your personal \u0026 commercial use.](http://www.designerspics.com/)\n\n  * [Death to the Stock Photo: Free photos sent to you every month.](http://deathtothestockphoto.com/)\n\n  * [Foodie’s Feed: Free food pictures in hi-res.](http://foodiesfeed.com/)\n\n  * [Mazwai: Free creative commons HD video clips \u0026 footages.](http://mazwai.com/)\n\n  * [Jéshoots: New modern free photos.](http://jeshoots.com/)\n\n  * [Super Famous: Photos by Dutch interaction designer Folkert Gorter.](http://superfamous.com/)\n\n  * [Picography: Free hi-resolution photos.](http://picography.co/)\n\n  * [Pixabay: Free high quality images.](http://pixabay.com/)\n\n  * [Magdeleine: A free high-resolution photo every day.](http://magdeleine.co/)\n\n  * [Snapographic: Free stock photos for personal \u0026 commercial use.](http://snapographic.com/)\n\n  * [Little Visuals: 7 hi-res images in your inbox every 7 days.](http://littlevisuals.co/)\n\n  * [Splitshire: Delicious free stock photos.](http://splitshire.com/)\n\n  * [New Old Stock: Vintage photos from the public archives.](http://nos.twnsnd.co/)\n\n  * [Picjumbo: Totally free photos.](http://picjumbo.com/)\n\n  * [Life of Pix: Free high-resolution photos.](http://www.lifeofpix.com/)\n\n  * [Gratisography: Free high-resolution photos.](http://www.gratisography.com/)\n\n  * [Getrefe: Free photos.](http://getrefe.com/downloads/category/free/)\n\n  * [IM Free: A curated collection of free resources.](http://www.imcreator.com/free)\n\n  * [Cupcake: A photographer’s treat by Jonas Nilsson Lee.](http://cupcake.nilssonlee.se/)\n\n  * [The Pattern Library: Free patterns for your projects.](http://thepatternlibrary.com/)\n\n  * [Public Domain Archive: New 100% free stock photos.](http://publicdomainarchive.com/)\n\n  * [ISO Republic: High-quality, free photos for creatives.](http://isorepublic.com/)\n\n  * [Stokpic: Totally free photos.](http://stokpic.com/)\n\n  * [Kaboompics: The best way to get free photos.](http://kaboompics.com/)\n\n  * [Function: Free photo packs.](http://wefunction.com/category/free-photos/)\n\n  * [MMT: Free stock photos by Jeffrey Betts.](http://mmt.li/)\n\n  * [Paul Jarvis: Free high-resolution photos.](http://pjrvs.com/a/photos)\n\n  * [Lock \u0026 Stock Photos: Free stock photos for you.](http://lockandstockphotos.com/)\n\n  * [Raumrot: Free high-resolution picture.](http://www.raumrot.com/10/)\n\n  ###Typography\n\n  * [GMD: typography](https://www.google.com/design/spec/style/typography.html)\n\n  * [Font-Pairing](http://www.designforfounders.com/font-pairing/)\n\n  * [Typography Intro](https://buscandotrazos.wordpress.com/2012/08/27/a-brief-introduction-to-typography/)\n\n  * [Typography Commentary](http://typographica.org/)\n\n  * [TypeGenius: Find the perfect font combo for your next project.](http://www.typegenius.com/)\n\n  * [FontFaceNinja: Browser extension to find the web fonts a site uses.](http://www.fontface.ninja/)\n\n  * [Google Fonts: Free, open-source fonts optimized for the web.](http://www.google.com/fonts)\n\n  * [Font-to-width: Fit pieces of text snugly within their containers.](http://font-to-width.com/)\n\n  * [Beautiful Web Type: Best typefaces from the Google web fonts directory.](http://hellohappy.org/beautiful-web-type/)\n\n  * [Font Squirrel: 100% free commercial fonts.](http://www.fontsquirrel.com/)\n\n  * [DaFont: Archive of freely downloadable fonts.](http://www.dafont.com/)\n\n  * [1001 Free Fonts: A huge selection of free fonts.](http://www.1001freefonts.com/)\n\n  * [FontPark: The web’s largest archive of free fonts.](http://www.fontpark.net/en/)\n\n  * [Typography Resource: Google Fonts](https://www.google.com/fonts)\n\n  * [Inspiration: type wolf](https://www.typewolf.com/)\n\n  * [Inspiration: type inspire](http://typeinspire.com/)\n\n  * [Inspiration: design inspiration](http://designspiration.net/search/saves/?q=typography)\n\n  * [Inspiration: dribble](https://dribbble.com/tags/typography)\n\n  * [Inspiration: the inspiration grid](http://theinspirationgrid.com/category/typography/)\n\n  * [Inspiration: type for you](http://www.typeforyou.org/)\n\n  * [Inspiration: abduzeedo](http://abduzeedo.com/tags/typography?page=1)\n\n  #### Font Resource\n\n    * [google fonts file](https://github.com/google/fonts)\n    * [install google font files](https://github.com/qrpike/Web-Font-Load)\n\n  ###Writing\n\n  * [GMD: writing](https://www.google.com/design/spec/style/writing.html)\n\n#Layout\nLayout categories\n\n###Principles\n\n  * [GMD: layout principles](https://www.google.com/design/spec/layout/principles.html)\n\n  ###Units \u0026 Measurement\n\n  * [GMD: Units \u0026 Measurement](https://www.google.com/design/spec/layout/units-measurements.html)\n\n  ###Metrics \u0026 Keylines\n\n  * [GMD: Metrics \u0026 keylines](https://www.google.com/design/spec/layout/metrics-keylines.html)\n\n  ###Structure\n\n  * [GMD: structure](https://www.google.com/design/spec/layout/structure.html)\n\n  ###Responsive UI\n\n  * [GMD: responsive ui](https://www.google.com/design/spec/layout/responsive-ui.html)\n\n  ###Split Screen\n\n  * [GMD: split screen](https://www.google.com/design/spec/layout/split-screen.html)\n\n\n#Components\n\n  * [GMD](https://www.google.com/design/spec/components/bottom-navigation.html#)\n\n#Patterns\n\n  * [GMD](https://www.google.com/design/spec/patterns/data-formats.html)\n\n#Usability\nUsability categories\n\n- [Design principles](http://www.designprinciplesftw.com/collections/10-usability-heuristics-for-user-interface-design)\n- [Usability Book](http://www.usabilitybok.org/principles-for-usable-design)\n- [Reddit Usability](https://www.reddit.com/r/usability/)\n\n### Accessibility\n\n [gmd](https://www.google.com/design/spec/usability/accessibility.html)\n\n### Bidirectionality\n\n [gmd](https://www.google.com/design/spec/usability/bidirectionality.html)\n\n#Animation\nAnimation Categories\n\n### Drawing\n\n  [Draw Space: Drawing] (https://www.drawspace.com/lessons)\n\n###UX Design\n\n  * [Smashing Magazine](https://www.smashingmagazine.com/2015/05/functional-ux-design-animations/)\n\n  * [Google Developers](https://developers.google.com/web/fundamentals/design-and-ui/animations/?hl=en)\n\n  * [Animation Principles](http://adaptivepath.org/ideas/jedi-principles-of-ui-animation/)\n\n  * [Animation Principles](https://medium.com/motion-in-interaction/animation-principles-in-ui-design-understanding-easing-bea05243fe3#.tz3i4crs3)\n\n  * [Dashboards](http://www.sisense.com/blog/4-design-principles-creating-better-dashboards/)\n\n  * [ux psychology](http://thehipperelement.com/post/87574750438/ux-crash-course-user-psychology)\n\n#Resources\n\n  * [growth supply](http://growth.supply/free/design-code/)\n\n  * [student web design](http://www.studentguidewebdesign.com/)\n\n  * [Design for Founder](http://www.designforfounders.com/learn-design/)\n\n  * [Boxes and arrows](http://boxesandarrows.com/)\n\n  * [designcode](https://designcode.io/learn)\n\n  * [ontiwik](http://ontwik.com/)\n\n  * [complex](http://ca.complex.com/style/2014/03/online-resources-every-graphic-designer-should-know/tutorialzine)\n\n  * [Tuts+](http://design.tutsplus.com/)\n\n  * [Tools](http://1stwebdesigner.com/best-ux-design-tutorials/)\n\n  * [Person: Paul Boag](https://www.youtube.com/watch?v=inT-VLzpEzE)\n\n  * [uie](https://www.uie.com/)\n\n  * [uxmag](http://uxmag.com/)\n  \n  * [Sketch app resources](http://www.sketchappsources.com/)\n\n  * [Sketch toolbox](http://sketchtoolbox.com/)\n  \n  * [Sketch Plugins](https://designcode.io/sketch-plugins)\n\n  * [Krista make text and vector awesome](https://krita.org/download/krita-desktop/)\n\n#Online Courses\n\n  * [Law of Interface Design](https://courses.platzi.com/courses/laws-of-interface-design/)\n\n  * [Steer](www.steer.me)\n\n  * [WebPlatform](http://www.webplatform.org/)\n\n  * [Learn to Design a Better Interface](https://courses.platzi.com/courses/interface-design-startups/)\n\n  * [Noexcuselist](http://www.noexcuselist.com/)\n\n  * [Harvard Open Courseware](http://cs50.tv/2013/fall/)\n\n  * [MIT Open Courseware](http://ocw.mit.edu/index.htm)\n\n  * [Yale Open Courseware — actual video lectures for the class so you can get the in-class experience. Lots of classes over lots of subjects.](http://oyc.yale.edu/)\n\n  * [Stanford Open Courseware](http://see.stanford.edu/see/courses.aspx)\n\n  * [Codecademy — Learn to code interactively, for free.](http://www.codecademy.com/)\n\n  * [Codeplace.com — Learn how to code from scratch. previously Stuk.io](http://codeplace.com/)\n\n  * [Udacity — Earn a Nanodegree recognized by industry leaders.](https://www.udacity.com/)\n\n  * [Learnable — The best way to learn web development.](https://learnable.com/)\n\n  * [Code School — Learn to code by doing.](https://www.codeschool.com/)\n\n  * [Thinkful — Advance your career with 1-on-1 mentorship.](https://www.thinkful.com/)\n\n  * [Code.org — Start learning today with easy tutorials.](https://code.org/)\n\n  * [Code School](www.codeschool.com)\n\n  * [Treehouse](www.teamtreehouse.com)\n\n  * [Freecodecamp](https://www.freecodecamp.com/)\n\n  * [Lynda](www.lynda.com)\n\n  * [Code.org](http://code.org/)\n\n  * [Codeacademy](www.codecademy.com)\n\n  * [Udacity](www.udacity.com)\n\n\n#Podcasts\n\n  * [Design Matters](https://itunes.apple.com/podcast/id328074695)\n\n  * [Deep end design](https://itunes.apple.com/podcast/id494747654)\n\n  * [Happy Monday](www.happymondaypodcast.com)\n\n  * [The Industry](www.theindustry.cc/category/podcast/)\n\n  * [Adventures in Design](https://itunes.apple.com/podcast/id503341322)\n\n  * [Boagworld](www.boagworld.com/show/)\n\n  * [Shop Talk Show](www.shoptalkshow.com)\n\n  * [Iterate](http://www.imore.com/iterate)\n\n  * [The Back to Front Show](www.backtofrontshow.com)\n\n  * [On the grid](https://itunes.apple.com/podcast/id547928774)\n\n  * [The Big Web Show](www.zeldman.com/category/the-big-web-show/)\n\n  * [Upfront Podcast](www.upfrontpodcast.com)\n\n  * [Unfinished Business](www.unfinished.bz)\n\n  * [The Freelance Web](www.thefreelanceweb.com)\n\n#Communities\n\n  * [eventbrite](https://www.eventbrite.ca/)\n\n  * [meetup](www.meetup.com/)\n\n  * [Designer News](https://www.designernews.co/)\n\n  * [UXstackexchange](http://ux.stackexchange.com/)\n\n  * [UX graphic design](http://graphicdesign.stackexchange.com/)\n\n  * [Reddit Design](http://www.reddit.com/r/design/)\n\n  * [Reddix UX](https://www.reddit.com/r/userexperience/)\n\n  * [Designers Talk](http://www.designerstalk.com/forums/)\n\n  * [Layervault](https://news.layervault.com/)\n\n\n#Inspiration\n\n  * [MatrialUp: Daily material design inspiration.](http://www.materialup.com/)\n\n  * [FLTDSGN: Daily showcase of the best flat UI design websites and apps.](http://fltdsgn.com/)\n\n  * [Site Inspire: Web design inspiration.](http://www.siteinspire.com/)\n\n  * [UI Cloud: The largest user interface design database in the world.](http://ui-cloud.com/)\n\n  * [Moodboard: Build a beautiful moodboard and share the result.](http://www.gomoodboard.com/)\n\n  * [Crayon: The most comprehensive collection of marketing designs.](http://www.crayon.co/)\n\n  * [Land-Book: Product landing pages gallery.](http://land-book.com/)\n\n  * [Ocean: A community of designers sharing feedback.](http://ocean.ink/)\n\n  * [Dribbble: Show and tell for designers.](https://dribbble.com/)\n\n  * [Behance: Showcase \u0026 discover creative work.](https://www.behance.net/)\n\n  * [Pttrns: Mobile user interface patterns.](http://www.pttrns.com/)\n\n  * [Flat UI Design: Useful board I discovered thanks to Erik.](https://www.pinterest.com/warmarc/flat-ui-design/)\n\n  * [Awwwards: The awards for design, creativity and innovation.](http://www.awwwards.com/)\n\n  * [The Starter Kit: Curated resources for developers and designers.](http://www.thestarterkit.info/)\n\n  * [One Page Love: Resource for one page website inspiration.](http://onepagelove.com/)\n\n  * [UI Parade: User interface design tools and design inspiration.](http://www.uiparade.com/)\n\n  * [The Best Designs: The best of web design.](https://www.thebestdesigns.com/)\n\n  * [Agile Designers: Best resources for designers \u0026 developers.](http://agiledesigners.com/)\n\n  * [Niice: A search engine with taste.](https://niice.co/)\n\n  * [r/web_design](https://www.reddit.com/r/web_design)\n\n  * [r/userexperience](https://www.reddit.com/r/userexperience)\n\n  * [r/internetisbeautiful](https://www.reddit.com/r/InternetIsBeautiful)\n\n  * [r/webdesign](https://www.reddit.com/r/webdesign)\n\n  * [r/smt](https://www.reddit.com/r/SomebodyMakeThis)\n\n  * [r/androidisbeautiful](https://www.reddit.com/r/AndroidIsBeautiful/)\n\n  * [you can almost do anything: logo](http://www.elischiff.com/blog/2016/4/12/do-almost-anything)\n\n  * [freebiesbug](https://www.facebook.com/freebiesbug/?fref=nf)\n\n  * [tympanus](http://tympanus.net/codrops/2016/05/25/isometric-and-3d-grids/?utm_content=buffer08334\u0026utm_medium=social\u0026utm_source=facebook.com\u0026utm_campaign=buffer)\n\n  * [ux design from the 90's](http://techcrunch.com/2016/05/28/what-ux-designers-can-learn-from-1990s-japanese-video-games/)\n\n# Checklist\n\n  * [UX checklist](http://www.uxcheck.co/)\n  * [UX checklist repo](https://github.com/uxchecklist/uxchecklist.github.io)\n  * [uxchecklist](https://uxchecklist.github.io/)\n\n#Planning\n\n  * Planning\n    1. Research\n      - [Competitive Analysis](http://boxesandarrows.com/competitive-analysis-understanding-the-market-context/)\n      - [Data Analysis](http://www.nngroup.com/articles/analytics-user-experience/)\n      - [User Feedback](https://www.gov.uk/service-manual/user-centred-design/user-research/index.html)\n    2. Plan\n      - [User Stories](https://www.newfangled.com/how-to-tell-the-users-story/)\n      - [User Flows](http://www.smashingmagazine.com/2012/01/04/stop-designing-pages-start-designing-flows/)\n      - [Red Routes](http://userfocus.co.uk/articles/prioritising-functions.html)\n    3. Explore\n      - [Brainstorm \u0026 Sketch](http://www.gamestorming.com/the-wiki/)\n      - [Wireframe](http://www.uxpin.com/guide-to-wireframing.html)\n      - [Prototype](http://uxdesignweekly.com/ux-resources/prototyping-tools/)\n    4. Communicate\n      - [IA](http://alistapart.com/article/thedisciplineofcontentstrategy)\n      - [Language](http://alistapart.com/article/translation-is-ux)\n      - [Accessibility](https://www.gov.uk/service-manual/user-centred-design/accessibility.html)\n    5. Create\n      - [UI Elements](http://styleguides.io/)\n      - [Gestures](http://www.smashingmagazine.com/2013/05/24/gesture-driven-interface/)\n      - [Responsiveness](http://uxmag.com/articles/create-a-better-responsive-user-experience/)\n    6. Give Feedback\n      - [Waiting Times](http://www.sitepoint.com/3-tips-make-application-feel-faster/)\n      - [Erros](http://uxmag.com/articles/failing-gracefully)\n      - [Completed Actions](http://www.lukew.com/ff/entry.asp?1759)\n    7. Finalise\n      - [Finalise Layout](http://www.usability.gov/what-and-why/visual-design.html)\n      - [Use of image and icons](http://www.nngroup.com/articles/icon-usability/)\n      - [Font Colours \u0026 Hierarchy](http://52weeksofux.com/post/443828775/visual-hierarchy)\n    8. Delight\n      - [Micro copy](http://www.smashingmagazine.com/2012/07/18/the-personality-layer/)\n      - [Micro interactions](http://microinteractions.com/what-is-a-microinteraction/)\n      - [Transitions](http://www.google.co.uk/design/spec/animation/authentic-motion.html)\n    9. Analyse\n      - [KPI Setup](http://www.gv.com/lib/how-to-choose-the-right-ux-metrics-for-your-product)\n      - [AB Test Plan](https://www.gov.uk/service-manual/user-centred-design/user-research/multivariate-testing.html)\n      - [Test](http://www.nngroup.com/articles/which-ux-research-methods/)\n\n# Ethics\n- [Time well spent](http://timewellspent.io/)\n- [Dark patterns.org](http://darkpatterns.org/)\n\n#Other Software / Tools / Resources\n\n  * [Pixlr](https://pixlr.com/)\n\n  * [Uxdesign](http://uxdesign.cc/ux-tools/)\n\n  * [Now](https://www.invisionapp.com/now)\n\n  * [Do](https://www.invisionapp.com/do)\n\n  * [Sketch](https://www.sketchapp.com/)\n\n  * [Ninja mock](https://ninjamock.com/)\n\n  * [App landing examples 2015](http://webdesignledger.com/best-2015-app-pages/)\n\n  * [Iphone Vectors](http://www.freepik.com/free-photos-vectors/iphone)\n\n  * [Place it: Iphone Vectors, Mockups, and Video](https://placeit.net/)\n\n  * [Magic Mockups](http://magicmockups.com/)\n\n  * [PicApp](http://picapp.net/)\n\n  * [MockDrop](http://mockdrop.io/)\n\n  * [Smart mockups](http://smartmockups.com/)\n\n  * [Isweet it mockups](https://itunes.apple.com/us/app/isweetit/id895625230?l=de\u0026ls=1\u0026mt=8)\n\n  * [design collection and insiprations](https://www.reddit.com/r/Design/comments/szz0t/a_collection_of_design_inspiration_and_resources/)\n\n  * [best ux designer tools and resources collection](https://medium.com/@UXAliveTurkey/the-best-ux-designer-tools-resources-collection-24bf115d17bc#.sgh1i2b2c)\n\n  * [the only ux reading list ever](https://medium.com/interactive-mind/the-only-ux-reading-list-ever-d420edb3f4ff#.65zsj3nxc)\n\n  * [Top 10 UI Design Resources](https://medium.mybridge.co/top-10-ui-design-resources-that-make-designers-life-easier-d5cd0d789959#.kd49b23gs)\n\n# Hidden Gems\n- [Greensock](http://greensock.com/)\n\n# Books\n- [Dont Make me Think](https://www.amazon.com/dp/0321344758)\n\n- [Micro Interactions](http://microinteractions.com/about-the-book/)\n\n- [Building Better Products](http://rosenfeldmedia.com/books/build-better-products/)\n\n- [Reading List by Kevin Hale](https://www.amazon.com/gp/richpub/listmania/fullview/R18EQHHM74IXPQ/ref=cm_lm_byauthor_title_full?\u0026tag=rnwap-20)\n\n# Boiler Plate\n- [App Landing Page](https://github.com/joshbuchea/awesome-app-landing-page)\n\n# Tutorials\n- [7 Rules for Creating Gorgeous UI (Part 2)](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-2-430de537ba96#.8kvn02a7k)\n- [7 Rules for Creating Gorgeous UI (Part 1)](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda#.tk3hiznnl)\n- [Ensure High Contrast for Text Over Images](https://www.nngroup.com/articles/text-over-images/)\n\n#Jobs\n\n  * [Dribbble Jobs](www.dribbble.com/jobs)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevindeasis%2Fawesome-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevindeasis%2Fawesome-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevindeasis%2Fawesome-ui/lists"}