Shoelace – A forward-thinking library of web components that works with all frameworks.
Teeny Icons – These little icons are built to look crisp at any size.
Recursive Sans & Mono – A five-axis variable font with plenty of styles – all in a single file.
Stop Worrying About People Stealing Your Ideas – Paranoid about others taking your brilliant ideas? Here are some reasons to relax.
Templatery – A free collection of beautiful templates for your Figma presentations.
Warp SVG Online – Upload your SVG file and use this online tool to warp it.
Leon Sans – A geometric sans-serif typeface made with code. It can be used to dynamically create animations, effects and shapes.
Heroicons – A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.
Web Stories by Google – A visual storytelling plugin for WordPress, currently in beta.
Image manipulation with CSS – A look at some compelling effects you can add to your images with a bit of CSS.
Do All of the Projects in Your Portfolio Look the Same? That’s OK. – Why variety isn’t the only measure of a good portfolio.
GlitchTip – This tool will catch every error from your project in real time.
Bits by Creative Tim – Save time with this library of Bootstrap snippets designed to avoid typing repetitive code.
Snippet Shot – A web-based tool that generates screenshots from you code snippets.
What Web Designers and Their Clients Need to Know About SEO – This interview with Yoast’s Edwin Toonen will help you separate SEO fact from fiction.
Indie Icons – A collection of icons you can copy-and-paste into CSS, HTML and Illustrator.
Typeculator – Craft perfect type scales with this handy tool.
25 High-Quality T-Shirt PSD Mockup Templates for Photoshop – See how your designs look on this collection of free T-Shirt mockup templates.
mailgo – This library changes the behavior of
tel: links by opening up a useful modal window.
Iconsizer – Generate the right icon resolutions for all devices.