Resources / Design Inspiration
Dribbble and Behance are the classics, but Awwwards, Land Book, and Page Flows surface the most innovative work. Also included are landing page galleries like Lapa Ninja and SaaS Landing Page.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Behance
Adobe owned portfolio platform for illustration, UI, photography, and branding work, integrated with Creative Cloud and used for creative hiring.
Free to browse; posting work requires a free Adobe account.
Dribbble
Portfolio and job board where designers post shots of finished or in progress UI, branding, and illustration work for feedback and visibility.
Free to browse and post; a paid Pro plan adds the job board and hiring tools.
Landingfolio
Gallery of over 340 SaaS landing pages organized by industry and color, with a paid membership for extra templates and components.
Freemium; premium membership unlocks templates and Tailwind, Webflow, and Figma components.
Foxyapps
Curated gallery of iOS and Android app screens and icons submitted by designers and studios, with a weekly newsletter of new picks.
Httpster
Daily updated gallery of award-style website design, searchable by category, with new site picks added regularly and a dark mode toggle.
Land Book
Landing page and website gallery filterable by category, color, font, and platform, used by product and marketing teams for layout research.
Frontend Mentor
Coding challenges built from real Figma design files, covering HTML, CSS, JavaScript, React, and Node, with free and paid Pro challenges.
Free tier covers most challenges; Pro adds premium challenges, design files, and solution feedback.
Awwwards
Judged award platform that rates new website launches on design, usability, and creativity, publishing daily winners and design trend posts.
Submitting a site for judging requires a paid fee; browsing daily winners is free.
SaaS Landing Page
Gallery of landing pages built by SaaS companies, browsable by category and page section, aimed at founders researching layout choices.
Saaspages.xyz
Screenshot collection of SaaS landing pages with copywriting and layout notes, run as an independent project rather than a company product.
Page Flows
Page Flows has become Page Flows, a library of full recorded user flows rather than single screenshots, covering onboarding through checkout.
Formerly Page Flows; renamed to Page Flows with a focus on complete recorded flows.
Lapa Ninja
Gallery of landing page screenshots sorted by category and page builder, including Webflow, Framer, and WordPress, updated with new entries.
Freefrontend
Curated collection of free HTML, CSS, and JavaScript snippets and components, built with Hugo and updated with new picks regularly.
Free, no account needed; snippets are ready to copy and paste into a project.
Collect UI
Daily picks from the Daily UI design challenge archive, organized by interface pattern such as onboarding, checkout, and empty states.
Graphic Burger
Free and premium design resources including icons, mockups, UI kits, and text effects, with free assets cleared for personal and commercial use.
Really Good Emails
Searchable archive of over 19,000 real marketing and transactional emails, filterable by industry, type, and element, built for email designers.
Free to browse; a paid Pro membership is also available.
Free Design Resource
Daily roundup of free fonts, mockups, templates, and UI kits for designers, aggregating freebies from many outside creators.
Site Inspire
Hand picked showcase of standout web and interactive design updated daily, filterable by type, style, and platform such as Webflow or WordPress.
Blocks automated bot traffic with 429 responses but loads normally in a browser.
Web Design Inspiration
Daily updated gallery of website design examples organized by category, color, and style, aimed at designers tracking current trends.
Calltoidea
Gallery of web components and page sections for inspiration, built and curated by a single designer rather than a team or company.
MediaQueri.es
Archive of responsive websites shown at common breakpoints to compare mobile, tablet, and desktop layouts of the same page side by side.
Blocks automated requests (403); built from static breakpoint screenshots rather than live iframes.
Muzli Search
Search engine for color palettes and visual design inspiration from Muzli, letting designers test and export palettes straight from results.
DeviantArt
Long running art community hosting over 650 million pieces of art and illustration, with forums, groups, and a print marketplace.
Free with ads; a paid Core subscription removes ads and adds upload storage.
Design Your Way
Blog archive of web and mobile design roundups and tutorials, covering trends, tools, and portfolio examples across hundreds of posts.
SiteSee
Curated gallery of modern websites browsable by category, color palette, and style, aimed at designers collecting visual references.
Ecomm Design
Gallery of over 3,000 ecommerce website designs with filters for platform and industry, alongside listings of ecommerce marketing tools.
Design Nominees
Award platform that showcases and ranks websites, apps, and games by category such as CSS, UI, and game design, with public voting.
ScreensDesign
Design Vault is now ScreensDesign, a library of real iOS app screens, onboarding flows, and paywalls that also generates new screens with AI.
Formerly Design Vault; ScreensDesign adds an AI tool that generates screens from the library.
CSS Buttons
Copy paste gallery of 92 CSS button styles from CSS Scan, each with ready to use code for hover states, shapes, and shadows.
92 examples, each with copyable CSS; part of the CSS Scan example library.
CSS Box-Shadow
Copy paste gallery of 95 CSS box-shadow examples from CSS Scan, each with ready to use code for layered and colored shadows.
95 examples, each with copyable CSS; part of the CSS Scan example library.
Super Designer
Collection of over 30 free browser based design tools for backgrounds, gradients, 3D shapes, and color palettes, exporting PNG, SVG, or CSS.
Free, no signup; exports happen directly in the browser.
Best Web Design Inspiration Sites for Developers & Designers
Web design inspiration is the starting point for any new creative project. Studying award-winning websites, outstanding landing pages, and innovative UI patterns helps you understand current design trends and raises the quality bar for your own work.
Awwwards and Land Book lead general inspiration: Awwwards judges whole site launches on design and usability, Land Book is built for fast browsing by industry and color. Dribbble and Behance are portfolio sites for following designers rather than curated lists. For a specific format, use Really Good Emails for email design or Page Flows (formerly Page Flows) for full recorded flows instead of screenshots. Developers who want to build what they see should start with Frontend Mentor, which pairs Figma files with coding challenges.
The main pitfall here is abandonment: these are low effort side projects, and several once popular ones in this list now redirect to parked domains or unrelated gambling and ad pages. Screenshots are for reference only, the designs belong to their original creators, so treat this list as research, not assets to copy.
What to check before you pick one
- Category filtering: Sites that organize inspiration by industry, style, or component type help you find relevant examples faster.
- Real-world examples: Inspiration from live production sites is more applicable than conceptual or unrealistic portfolio pieces.
- Pattern libraries: Collections organized by UI pattern (onboarding, empty states, CTAs) are especially useful for solving specific design problems.
Frequently Asked Questions
What are the best websites for web design inspiration?
Top web design inspiration sites include Awwwards, Dribbble, Behance, Land-book, Lapa Ninja, and Minimal.gallery. Awwwards curates award-winning websites, while Lapa Ninja and Land-book focus specifically on landing page design inspiration.
Where can I find landing page design examples?
Lapa Ninja, Land-book, Landingfolio, and One Page Love are dedicated landing page galleries showcasing hundreds of real-world examples. They are great for studying how successful products present their value proposition, CTAs, and visual hierarchy.
What are UI patterns and where can I find examples?
UI patterns are established solutions to common interface design problems: navigation patterns, onboarding flows, empty states, error messages, and more. UI Patterns (ui-patterns.com), Mobbin, and Pttrns collect real-world examples of UI patterns from popular apps and websites.