A list of some design tools that I have found useful or want to look into at some point
Note: these are in no way endorsed or tested by McInnes Design and we take no responsibility for the state these tools are in, how they are maintained, or how you use them.
Frameworks
Quickly spin up page layouts and components with these handy frameworks
HeroUI
UI library for React / NextJS built on top of Tailwind CSS
Boring Avatars
Boring avatars is an open source React library that generates unique SVG-based user profile avatars
Resources
Can't think some text for that button, need and image or a great looking font, check out these resources
Design Principles
An open source collection of design principles and methods
Flexbox Labs
Flexbox Labs is a visual tool that helps create layouts using CSS Flexbox. It offers an intuitive interface that shows changes in real-time, making it easy to experiment and learn
Inspiration
Just straight up good looking websites and inspiration for your next project
Brand Style Guide Examples
25 brand style guides for visual inspiration
Game UI Database
The ultimate reference tool for (game) interface designers
Deck.Gallery
Curated list of design decks, slides, keynotes, guidelines
Content Generators
Stuck thinking of a project for that portfolio, want to practise your skills but can't come up with a good scenario, have one generated for you
Colours
All the colours! Generate colour palettes, check contrast, and much more with these great tools
Color Designer
Comprehensive suite of colour tools: palettes, mixers, generators, etc