Design

I’m a designer. Just a very bad designer. You don’t have to be Lance Armstrong to ride a bike.

Various Articles

• Neumorphism/Soft UI CSS shadow generator
• Design System Checklist
• Inter font family
• unDraw - Open source illustrations for any idea
• Dieter Rams’ 10 principles of design
• Create Customizable, Hi-Def, and Scalable Backgrounds
• startups, this is how design works
• Muji’s Design Philosophy - Aim for “this will do”, not “this is what I want”.

Icons

• jxnblk/microicon
• feather icons
• lucide (fork of feather)
• tailwind hero icons
• free svg illustrations the shopify saas-y kind. no attribution required.
• Remix Icons
• bytedance Icon Park free icons
• iconic icons - cool icons
• ionic
• Phosphor icons
• iconbuddy
• fey logos
• simple icons - lots of icons/logos of well-known companies, etc.
• Nice animated icons based on lucide
• Handy Arrows
• phosphor icons
• tabler icons
• heroicons
• amicons
• svgl.app - all svg icons of brand logos, etc.
• itshover - hover icons
• smallbits.design - lil pixelgrid icon set, nice

Wireframes/Wireframing

• wireframe.cc
• penpot - open source alternative to figma

Resources & Inspiration

• UI Design Daily
• cssdesign archives
• UX bites
• mobbin.com - great UI breakdowns + inspiration + collections
• siteofsites
• Frosted Glass Navbar
• toools.design
• colorsandfonts.com - great set of tools for composing color pallettes and typography systems.
• godly.website
• cosmos.so
• Vercel Design - Web Interface Guidelines - Guidelines
• devouringdetails.com - this is a course
• interfacecraft.dev
• userinterface.wiki
• refero.design - inspo repository
• fontshare.com - provides good font pairings/font inspo
• animations.dev - really good animations
• fancycomponents.dev
• interfaces.dev cheatsheet

Talks

• The business value of form in function - from Katie Dill, Head of Design at Stripe. Talks about why beatiful design actually drives business.

UX

• Laws of UX
• uxdatabase

3D

• Shapefest - 3d models
• 3dicons - free 3d icons
• Twitter thread about making 3d logos

Tools

• colorhub - find color pallettes
• fffuel.co - random small design tools. generate textures, animations, gradients, etc.
• supacolors.studio
• grainrad - cool dithering + ascii editor
• herokit - for making heros

Design Systems

• Guide → http://thedesignsystem.guide
• Checklist → http://designsystemchecklist.com
• Database → http://designsystems.surf
• Resources → http://designsystemsrepo.com
• Component gallery → https://component.gallery/

Edited 48 times · First written 6 years ago