Resources

M

Mobbin

mobbin.com

Huge library of real mobile and web app screenshots, searchable by pattern and screen type.

Good for Check how 10 apps handle onboarding or checkout before you draw your own.

P

Page Flows

pageflows.com

Recorded user flows of real products, from sign-up to cancellation, step by step.

Good for Study a whole journey, not just single screens.

R

Refero

refero.design

Curated UI and UX references from real products, filterable by pattern and style.

Good for Quick moodboards and "how do others do this?" research.

L

Land-book

land-book.com

Gallery of landing pages sorted by category, color and style.

Good for Hero sections, pricing tables and layout ideas for marketing pages.

G

Godly

godly.website

Hand-picked web design with an eye for motion and bold layouts.

Good for Portfolio and experimental site inspiration.

A

Awwwards

awwwards.com

Daily showcase and awards for the best-crafted websites and interactions.

Good for See where high-end web design and animation is heading.

D

Dribbble

dribbble.com

Designers share shots and work in progress: UI, branding, illustration and motion.

Good for Visual direction and spotting trends. Treat as inspiration, not as proof of good UX.

B

Behance

behance.net

Full case studies and project showcases from designers around the world.

Good for See how others present process and outcomes in a portfolio.

S

Savee

savee.com

Visual bookmarking tool for design, art, architecture and photography.

Good for Save and organize references into boards for a project.

N

Nielsen Norman Group

nngroup.com

The classic source of research-based UX articles, guidelines and studies.

Good for Back a design decision with evidence you can cite to stakeholders.

L

Laws of UX

lawsofux.com

A collection of psychology principles for design: Hick's law, Fitts's law, Jakob's law and more.

Good for Plain-language shortcuts when explaining why a layout works.

B

Baymard Institute

baymard.com

Large-scale usability research focused on e-commerce, checkout and forms.

Good for Concrete, tested guidance for product pages, search and checkout.

S

Smashing Magazine

smashingmagazine.com

In-depth articles on UX, front-end, accessibility and design practice.

Good for Long reads when you want to understand a topic properly.

U

UX Collective

uxdesign.cc

Community publication with essays and case studies from working designers.

Good for Career, craft and process stories from practitioners.

A

A List Apart

alistapart.com

Long-running magazine on web standards, content strategy and design thinking.

Good for Timeless articles that hold up years later.

G

Growth.Design

growth.design

Illustrated, comic-style UX case studies that break down well-known products.

Good for Quick, visual lessons on psychology and product decisions.

I

Interaction Design Foundation

interaction-design.org

Online courses and a deep encyclopedia covering UX from basics to advanced.

Good for Structured learning paths and certificates.

L

Lenny's Newsletter

lennysnewsletter.com

Product, growth and career writing from a former Airbnb product lead.

Good for Understand how product managers think and how to work with them.

C

Component Gallery

component.gallery

Compares how real design systems name and build every UI component, from accordion to tooltip.

Good for Pick the right name and anatomy for a component before building it.

M

Material Design 3

m3.material.io

Google's design system with guidelines, components, motion and theming.

Good for Android patterns and a solid base for adaptive, accessible UI.

A

Apple Human Interface Guidelines

developer.apple.com

Apple's official guidance for designing across iOS, macOS, watchOS and visionOS.

Good for Native iOS conventions: navigation, gestures, spacing, type.

I

IBM Carbon

carbondesignsystem.com

Open-source design system for enterprise products, with strong data-visualization guidance.

Good for Dashboards, tables and dense, data-heavy interfaces.

S

Shopify Polaris

polaris.shopify.com

Shopify's design system with clear content and UX writing guidelines.

Good for Admin-style products and well-written microcopy.

A

Atlassian Design System

atlassian.design

Foundations, tokens and components behind Jira and Confluence.

Good for Tokens, spacing scales and complex collaboration UI.

R

Radix UI

radix-ui.com

Unstyled, accessible primitives for building design systems on the web.

Good for See how focus, keyboard and ARIA behavior should work.

S

shadcn/ui

ui.shadcn.com

Copy-and-paste component collection built on Radix and Tailwind.

Good for Fast, clean starting point for web app interfaces.

C

Coolors

coolors.co

Fast palette generator: lock colors, explore, and export for design tools.

Good for Find a starting palette in seconds.

R

Realtime Colors

realtimecolors.com

Preview a palette and font pairing on a live mock website as you tweak it.

Good for Judge a palette in context rather than as flat swatches.

A

Adobe Color

color.adobe.com

Color wheel with harmony rules, accessibility checks and community palettes.

Good for Build a palette from color theory and check contrast.

C

Color Hunt

colorhunt.co

Trendy, hand-picked four-color palettes you can browse and copy.

Good for Quick color moods when you need a direction.

G

Google Fonts

fonts.google.com

Large open-source font library, easy to embed and variable-font ready.

Good for Safe, performant web fonts with easy licensing.

F

Fontshare

fontshare.com

Quality free fonts for commercial use from the Indian Type Foundry.

Good for Fonts with more character than the usual defaults.

F

Fonts In Use

fontsinuse.com

Archive of typography in real projects, searchable by typeface, format and industry.

Good for See a typeface in the wild before choosing it.

T

Type Scale

typescale.com

Visual type-scale calculator with ratios and live preview.

Good for Set heading and body sizes with a consistent rhythm.

P

Phosphor Icons

phosphoricons.com

Flexible icon family with six weights, from thin to duotone.

Good for One set that covers light, regular and bold styles.

L

Lucide

lucide.dev

Clean, consistent open-source icon set with packages for most frameworks.

Good for Default pick for web apps and design systems.

H

Heroicons

heroicons.com

Hand-crafted SVG icons by the makers of Tailwind CSS.

Good for Pairs naturally with Tailwind-based interfaces.

I

Iconoir

iconoir.com

Open-source icon library with a distinct, lightweight style.

Good for A fresher look than the usual sets.

U

unDraw

undraw.co

Open-source illustrations you can recolor to match your brand.

Good for Empty states, onboarding and landing page spots.

S

Storyset

storyset.com

Customizable and animatable illustrations in multiple styles.

Good for Illustrations for decks and product pages with quick edits.

T

The Noun Project

thenounproject.com

Millions of icons and symbols for nearly any concept.

Good for When you need an unusual concept that other sets lack.

U

Unsplash

unsplash.com

Free high-resolution photography from a global community of photographers.

Good for Reliable general-purpose stock photos.

P

Pexels

pexels.com

Free stock photos and videos with a simple license.

Good for Photos and short video clips for backgrounds and mockups.

L

Lummi

lummi.ai

Free AI-generated stock images with a design-friendly, non-generic look.

Good for Unusual visuals when stock photos feel too familiar.

S

Shots

shots.so

Quickly place screenshots into clean device mockups and backgrounds.

Good for Showcase images for dribbble-style shots and portfolios.

H

Haikei

haikei.app

Generates SVG waves, blobs, gradients and layered shapes.

Good for Section dividers and abstract backgrounds without stock images.

H

Hero Patterns

heropatterns.com

Free repeatable SVG background patterns you can recolor and copy.

Good for Subtle textures for cards and hero sections.

L

LottieFiles

lottiefiles.com

Marketplace and tooling for lightweight Lottie animations.

Good for Ready-made micro-animations you can drop into web and apps.

R

Rive

rive.app

Design and ship interactive, state-driven animations for any platform.

Good for Interactive animations that react to user input.

S

Spline

spline.design

3D design tool for the web with real-time interaction and collaboration.

Good for 3D hero objects and interactive scenes without code.

C

Codrops

tympanus.net

Tutorials and demos of creative front-end effects, animation and WebGL.

Good for Learn how striking interaction effects are built.

C

cubic-bezier.com

cubic-bezier.com

Visual editor for CSS easing curves with side-by-side comparison.

Good for Tune the feel of a transition and copy the value.

T

The A11Y Project

a11yproject.com

Community-driven checklist, patterns and resources for web accessibility.

Good for Practical checklist before handing designs to developers.

W

WebAIM Contrast Checker

webaim.org

Checks foreground and background colors against WCAG contrast requirements.

Good for Verify text contrast in seconds.

W

Who Can Use

whocanuse.com

Shows how a color combination looks to people with different visual impairments.

Good for Explain contrast issues to stakeholders with real scenarios.

I

Inclusive Components

inclusive-components.design

Detailed breakdowns of how to build accessible UI patterns like tabs, modals and toggles.

Good for Understand the behavior behind an accessible component.

F

Framer

framer.com

Visual website builder with strong design control, CMS and animation.

Good for Ship a polished marketing site or portfolio without a developer.

V

v0

v0.app

Generates React and Tailwind interfaces from a text prompt, Vercel's AI builder.

Good for Turn a rough idea into working UI code to iterate on.

L

Lovable

lovable.dev

Describe an app in plain language and get a working full-stack prototype.

Good for Test a product idea with a real, clickable app fast.

R

Relume

relume.io

AI sitemap and wireframe generator with a large library of website components.

Good for Go from brief to sitemap and wireframes in minutes.

C

Claude

claude.ai

AI assistant for writing, research synthesis, copy and code.

Good for UX writing, summarizing interview notes and thinking through flows.

M

Muzli

muz.li

Daily curated stream of design inspiration, tools and articles from across the web.

Good for The default new-tab for design news and visuals.

S

Sidebar

sidebar.io

The five best design links of the day, nothing more.

Good for Five minutes of quality instead of an endless feed.

D

Designer News

designernews.co

Community-voted links and discussions about design and the industry.

Good for See what designers are actually talking about.

P

Product Hunt

producthunt.com

Daily launches of new products, tools and apps, voted by the community.

Good for Discover new tools and study how products position themselves.

D

Dense Discovery

densediscovery.com

Weekly newsletter on design, technology and thoughtful culture.

Good for Slow, thoughtful reading with a good eye for curation.