Design resources

Learn

• UI Guideline

Inspiration

• Dribble

• Behance

• Canva

• Figma Community

• Creative Tim

• Hugo Themes

• ThemeWagon

• Codepen

• Codesandbox

---

Color

• Adobe Color wheel create
• Colorspace Generate color palettes
• Colorhunt Inspiration, samples
• Muzli Live preview UI with color scheme - real cool

Gradients

• Web Gradients Cool background gradients

Fonts

• Google Fonts Goto
• Adobe fonts Paid- LogIn required
• Fonts Flipper Find font by image upload

Font size

• Type scale
• ArcheType Awesome typography & layout grid view in realtime

Images

• Unsplash
• Pexels
• Pixabay
• FreePik
• StoryBlocks Videos

Misc

Logo inspiration

• Link

Online photoshop

• PhotoPea

Theme toggle switches - Theme Toggles

Illustrations

• Undraw Illustrations

Web sequece diagrams

Icons

• Health icons
• Massive Icons pack

Learn

• Laws of UX
• Material Design
• Human Interface Guidelines
• UX design
• NG group

Design tips from TW creators - Refacoring UI

• Refactoring UI

From DesignCourse YouTube

• SVG Abstrac patterns & Illustrations
• Hand drawn elements
• Drawer
• 140 Hand Drawn Arrow Vector Icon Set
• Abstract Geometric Element Set
• UX Research - Melody HiFi Wireframes
• 3DGeometryPack - 01
• Iconly 3D 🚀 770+ Essential icons

Copy pasta

• Tailwind components (official tw)
• Tailwind CSS compoents](https://tailwindcomponents.com/)

Cool ones

• https://jp-eight.vercel.app/kanji/quiz/5

Wow landing pages

• https://wope.com/

Color palette variations generator

https://uicolors.app/create

https://goodpractices.design/naming

Site inspirations

• Cruip

Toolkit

• https://toolkit.addy.codes

SVG blocks

• https://fffuel.co/ssscribble/

Logo

• Svgl