Evolving Resource List for UI/UX Designers

The more frictionless building great user interfaces becomes, the more the user benefits.

The aim of this is to evolve with the industry and the growing list of tools that are built to support UI/UX designers.

Gathered by Feather, we're in Closed Beta.

Table of Contents

• Front-end CSS
• Front-end JavaScript
• CSS Preprocessor
• Source Control
• Typography
• Animation
• Prototyping Tools
• Email Frameworks
• Testing Frameworks
• Miscellaneous Frameworks
• Miscellaneous
• YouTube
• Browser Extensions
• Websites
• Generic Design Tools
• User Research

Front-end CSS

• Bootstrap: GitHub | Website
• Foundation: GitHub | Website
• HTML5 Boilerplate: GitHub | Website
• Materialize: GitHub | Website
• Skeleton: Website
• BassCSS: Website
• Concise: Website
• Cardinal: Website
• Tachyons: Website
• Fluidity: GitHub | Website
• Semantic UI: GitHub | Website
• Eightpoint: GitHub
• Pure: Website

Front-end JavaScript

• React.js: GitHub | Website
• Angular.js: GitHub | Website
• Knockout.js: GitHub | Website
• Polymer: GitHub | Website
• Marko.js: GitHub | Website
• Vue.js: GitHub | Website

CSS Preprocessor

• Sass: GitHub | Website
• Less: GitHub | Website
• Stylus: GitHub | Website
• CSS-Crush: GitHub | Website
• Myth: GitHub | Website
• Clay: GitHub | Website

Source Control

• GitKraken - An easy-to-use, cross-platform Git client
• Abstract - Version control for designers, integrates with Sketch.
• Sketchpacks Relay - Serve your Sketch plugin updates from Github in real-time

Typography

• Simple Typography with Sass: GitHub
• Typographic Scales by Spec: Website

Animation

• Anime.js: GitHub | Website
• Animate.css: GitHub | Website
• Hover.css: GitHub | Website
• Effeckt.css: GitHub
• Bounce.js: GitHub | Website
• Choreographer.js GitHub | Website
• GreenSock: Website

Email Frameworks

• Foundation for Emails (Formerly Ink): GitHub | Website
• MJML: Website
• Antwort: Website

Testing Frameworks

• QUnit: Website
• Jasmine: Website
• Mocha: Website
• Wallaby.js: Website

Miscellaneous Frameworks

• Normalize.css: GitHub
• Buttons: GitHub
• Polymer Designer: GitHub

Prototyping Tools

• InVision: Website
• Adobe XD: Website
• Flinto: Website
• Principle: Website
• Framer: Website
• Marvel: Website

Miscellaneous

• DesignMovies
• UI Talks
• Panda
• Codrops
• Kap – An open source screen recorder

YouTube

• DevTips
• Flux

Browser Extensions

• Panda
• Palette
• Stylish

Websites

• Designer News
• Dribbble
• Behance
• CSS-Tricks
• Webdesigner Depot
• DesignModo
• Awwwards
• Dwell

Generic Design Tools

• Figma
• Sketch
• Sketchpacks - Manage & auto-update your Sketch plugins
• Webflow
• Framer

User Research

• Jaco