Best Websites for Designers: 11 Hidden Gems for UI/UX
Sep 25, 2025
·
4 min read
Tired of digging through the same old resources? Here’s a curated list of the best websites for designers—clean, useful, and ready to plug into your workflow. From inspiration and motion to fonts, icons, and color testing, these links will help you design faster and smarter.
Inspiration — Pageflows
Pageflows is a library of real-world user flows and design patterns from leading websites and apps. It's perfect for seeing how top products handle onboarding, upgrades, and core journeys—without guessing.
Color testing — Realtime Colors
With Realtime Colors, you can quickly visualize your color palette and typefaces on a real website. It's great for validating contrast, hierarchy, and overall vibe before you commit.
Typography — Fontshare
Fontshare is a hidden gem packed with free, high-quality fonts for commercial use. You can use it to build a reliable type library without the licensing headaches.
Design Mastery — Supercharge Design
Supercharge Design is your trusted all-in-one UI/UX learning platform. You can get unlimited UX/UI design education for less than $1 a day, with 60+ hours of video content and 10,000+ learners.
Motion — Design Spells
Design Spells is filled with curated motion design examples for magical UI design experiences.
Tools — Fffuel
Fffuel is an endless toolkit for colors, gradients, patterns, textures, and shapes. Use handy generators to speed up exploration and production.
Best practices — Checklist
Another hidden gem is Checklist. It's a collection of the best UX/UI design practices to explore and learn from. Great for QAing your work against proven patterns.
3D mockups — Rotato
Create stunning 3D mockups in minutes with Rotato. Drop your designs into devices and export images or videos—perfect for landing pages, case studies, and presentations.
Type tokens — Fontscale
With Fontscale, you can review your type scale and export Figma or .json tokens. It's solid for systematizing typography and keeping teams aligned.
Iconography — Streamline
Streamline is your ultimate icon library with 350,000+ SVG and PNG icons. It has massive coverage and consistent styling for a fast, clean UI.
Video backgrounds — Fluid Motion
Fluid Motion has a curated collection of customizable video backgrounds to use in UIs.
Final Thought
Keep these bookmarked and you’ll spend less time searching and more time designing. If you’re building your toolkit, this list of the best websites for designers covers the essentials: inspiration, color, type, motion, icons, tokens, mockups, and mastery.
Inspiration — Pageflows
Pageflows is a library of real-world user flows and design patterns from leading websites and apps. It's perfect for seeing how top products handle onboarding, upgrades, and core journeys—without guessing.
Color testing — Realtime Colors
With Realtime Colors, you can quickly visualize your color palette and typefaces on a real website. It's great for validating contrast, hierarchy, and overall vibe before you commit.
Typography — Fontshare
Fontshare is a hidden gem packed with free, high-quality fonts for commercial use. You can use it to build a reliable type library without the licensing headaches.
Design Mastery — Supercharge Design
Supercharge Design is your trusted all-in-one UI/UX learning platform. You can get unlimited UX/UI design education for less than $1 a day, with 60+ hours of video content and 10,000+ learners.
Motion — Design Spells
Design Spells is filled with curated motion design examples for magical UI design experiences.
Tools — Fffuel
Fffuel is an endless toolkit for colors, gradients, patterns, textures, and shapes. Use handy generators to speed up exploration and production.
Best practices — Checklist
Another hidden gem is Checklist. It's a collection of the best UX/UI design practices to explore and learn from. Great for QAing your work against proven patterns.
3D mockups — Rotato
Create stunning 3D mockups in minutes with Rotato. Drop your designs into devices and export images or videos—perfect for landing pages, case studies, and presentations.
Type tokens — Fontscale
With Fontscale, you can review your type scale and export Figma or .json tokens. It's solid for systematizing typography and keeping teams aligned.
Iconography — Streamline
Streamline is your ultimate icon library with 350,000+ SVG and PNG icons. It has massive coverage and consistent styling for a fast, clean UI.
Video backgrounds — Fluid Motion
Fluid Motion has a curated collection of customizable video backgrounds to use in UIs.
Final Thought
Keep these bookmarked and you’ll spend less time searching and more time designing. If you’re building your toolkit, this list of the best websites for designers covers the essentials: inspiration, color, type, motion, icons, tokens, mockups, and mastery.
If you aren't following us on Instagram already, you're seriously missing out! Become a part of our ever-growing community and learn something new from the field of product design every. single. day.
Happy designing! 🥳
andrija & supercharge design team
If you aren't following us on Instagram already, you're seriously missing out! Become a part of our ever-growing community and learn something new from the field of product design every. single. day.
Happy designing! 🥳
andrija & supercharge design team
