Design & development resources

A curated collection of design and development resouces that I regularly use

Animista
A vanilla CSS animation library.
- Web Dev
Fontshare
An awesome collection of free to use typefaces.
- Typography
Logo Lab
This tool puts your logo through various tests so you can easily see how it works in common accessibility situations
- Accessibility
- Branding
Shots.so
A great tool for creating mockups and aesthetic screenshots.
- Images
- Mockups
Adobe Color
Adobe's color tool. This is great for finding initial color combinations.
- Color
Happy Hues
Another color generator aimed at websites. This one is just a collection of predefined palettes though. Helpful if you want color but don't quite know where to start yet.
- Color
- Web Dev
Design Systems
An extensive, easy to navigate library of design systems from some of the biggest companies in the world. There's so much inspiration here.
- Design
- Web Dev
Box Shadow Generator
A tool that generates CSS for smoother box shadows.
- Web Dev