Back

🌈 UI/UX Design Resources

Best tools, inspiration, icons, and resources to create beautiful interfaces — all free!

Design Tools

Best tools for UI design

Figma

Industry-standard design tool. Collaborative, browser-based, and free for students. A top tool for UI/UX design!
🚀

Framer

Design and publish websites directly. Beautiful animations, responsive design, and no-code workflows. Perfect for building portfolios!
📄

Penpot

Open-source design tool — a free alternative to Figma. You can also self-host it. The community is growing fast!

💡 Design Inspiration

Explore great designs and get inspired

🌈

Dribbble

Explore work from the world's top designers. UI designs, illustrations, and animations — a great source of daily inspiration!
🖼

Behance

Adobe creative portfolio platform with full case studies, UI/UX projects, and branding. Great for showcasing portfolios too!
🏆

Awwwards

Award platform for top website designs. Explore cutting-edge web design and follow trends!
📱

Mobbin

Library of real mobile app UI screenshots. Discover design patterns from 300K+ screens. A must for app design!

🎨 Free Icons & Illustrations

Free icons, illustrations, and graphics

Heroicons

Beautiful SVG icons from the Tailwind CSS team. Outline and solid styles, with React and Vue components available!
🔮

Lucide Icons

1000+ beautiful open-source icons. An upgraded version of Feather Icons — consistent, clean, and customizable!
🎨

unDraw

Free open-source illustrations. Customize colors and download SVG/PNG files. Perfect for websites and apps!
👤

Humaaans

Mix-and-match people illustrations. Customize poses, clothing, and hairstyles. Great for landing pages!

🗒 Typography & Fonts

Best free fonts and typography resources

🗒

Google Fonts

1500+ free fonts. A top source for web fonts. Load via CDN or download. Inter, Poppins, Roboto, and more!
💬

Font Pair

Best Google Fonts pairings. Heading + body font combo suggestions that make typography decisions easier!
📏

Type Scale

Visual typography scale calculator. Build a perfect font-size hierarchy. Essential for responsive typography!