Hub · 122 tools · 3 sections

UI and web design inspiration

Start here before you open a blank canvas. Galleries of real websites and landing pages, the tools people use to design interfaces, and the reading that explains why good interfaces work.

01 / 03

Website design inspiration galleries

60fps preview

60fpsGalleriesScreen recordings that capture interfaces in motion, gathered as inspiration for studying UI animation.

AwwwardsGalleriesAn awards program and gallery that recognizes standout web design and front-end craft each day.

Cosmos preview

CosmosGalleriesA visual moodboarding space for collecting images and references and building creative inspiration boards.

Curated Design preview

Curated DesignGalleriesA gallery that groups website inspiration by aesthetic style so you can browse by the look you want.

Layers preview

LayersGalleriesA platform where designers post and share their work publicly for feedback and inspiration.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGalleriesA collection of minimal, restrained websites for anyone seeking pared-back design inspiration.

Mobbin preview

MobbinGalleriesA searchable library of real mobile and web app screens and user flows from shipping products.

Saaspo preview

SaaspoGalleriesA hand-picked gallery of SaaS landing pages for marketing and product design inspiration.

SEESAW preview

SEESAWGalleriesWebsite design inspiration organized by page section so you can study one block at a time.

Supahero preview

SupaheroGalleriesA curated collection of website hero sections for inspiration when designing a landing page.

Imageory preview

ImageoryGalleriesA visual gallery that pairs images with the prompts behind them for creative inspiration.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGalleriesA set of handcrafted website backgrounds, ready to drop straight into your next project.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGalleriesFree, AI-generated website backgrounds that come with the original prompts used to create them.

Details preview

DetailsGalleriesClose-up breakdowns of micro-interactions from leading digital products, for studying the details.

Sombra preview

SombraGalleriesA showcase of dark-mode website interfaces for anyone designing around darker palettes.

Dribbble preview

DribbbleGalleriesA global community where designers post shots and concepts to share work and find inspiration.

Behance preview

BehanceGalleriesAdobe's platform for publishing and browsing creative portfolios across design disciplines.

Recent Design preview

Recent DesignGalleriesA weekly selection of award-worthy websites, refreshed for a steady stream of design inspiration.

navbar.design preview

navbar.designGalleriesA hand-picked set of navigation bar patterns to reference when designing site menus.

footer.design preview

footer.designGalleriesA selective set of creative website footers for inspiration on that closing section.

Land-book preview

Land-bookGalleriesA large gallery of landing pages organized by industry so you can browse designs in your niche.

Collect UI preview

Collect UIGalleriesDaily UI design inspiration tagged by component, drawn from an ongoing design challenge.

siteinspire.com

SiteInspire preview

SiteInspireGalleriesA long-running showcase of finely crafted web design, filterable by style and subject.

Lapa Ninja preview

Lapa NinjaGalleriesA chosen set of responsive landing pages to browse for layout inspiration.

UX Archive preview

UX ArchiveGalleriesAn archive of mobile onboarding flows, captured screen by screen for UX reference.

Screenlane preview

ScreenlaneGalleriesA searchable gallery of interface screens for UI inspiration across apps.

Flowbase preview

FlowbaseGalleriesA source of premium UI components and interaction patterns for building site layouts.

Hover States preview

Hover StatesGalleriesA showcase of inventive, interactive web design for studying how sites handle motion and hover.

SaaSFrame preview

SaaSFrameGalleriesHundreds of SaaS marketing page screenshots collected as landing-page design inspiration.

landingfolio.com

Landingfolio preview

LandingfolioGalleriesAn extensive library of landing page designs to browse for layout and marketing inspiration.

Pttrns preview

PttrnsGalleriesA directory of mobile UI patterns for referencing how apps handle common screens.

onepagelove.com

One Page Love preview

One Page LoveGalleriesA showcase of single-page website designs for anyone building a one-pager.

designspiration.com

Designspiration preview

DesignspirationGalleriesA search platform for discovering visual art and design imagery to fuel inspiration.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGalleriesA hand-picked archive of exceptional websites, kept as a reference for standout web design.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGalleriesAn online magazine that spotlights creative visual design and work across disciplines.

Scrnshts preview

ScrnshtsGalleriesA curated set of App Store screenshot designs for inspiration when marketing a mobile app.

Are.na preview

Are.naGalleriesA collaborative platform for visual bookmarking and organizing research into shared boards.

Appinspo preview

AppinspoGalleriesA vetted gallery of mobile app designs for UI and interface inspiration.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGalleriesA showcase dedicated to dark-mode websites for inspiration on designing darker interfaces.

Pinterest preview

PinterestGalleriesA visual discovery platform for saving and finding creative ideas across every topic.

navbar.gallery preview

navbar.galleryGalleriesA tightly focused gallery of modern navigation bars to study when designing site menus.

posts.design preview

posts.designGalleriesA curated archive of social media graphic design for inspiration on post and feed layouts.

loadmo.re preview

loadmo.reGalleriesA gallery of experimental mobile website designs for fresh, boundary-pushing inspiration.

inspora.design preview

inspora.designGalleriesAn archive of contemporary visual web design to browse for modern inspiration.

cta.gallery preview

cta.galleryGalleriesA hand-picked set of call-to-action buttons and banners for conversion-focused inspiration.

desengs.com preview

desengs.comGalleriesA directory of design engineering portfolios and the lore behind the people making them.

isthereanytool.app

isthereanytool preview

isthereanytoolGalleriesA directory surfacing lesser-known tools for design, craft, and AI work.

designeng.tools

designeng.tools preview

designeng.toolsGalleriesA curated hub bringing design engineering tools, resources, and inspiration together in one place.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGalleriesA curated feed of design-forward creators and standout posts pulled from X.

designbookmark.com

Design Bookmark preview

Design BookmarkGalleriesA directory that bookmarks useful design resources and links so you can find them in one place.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGalleriesA gallery of brand redesigns shown before and after, for studying how identities evolve.

curations.supply

Curations preview

CurationsGalleriesA curated library of digital design assets to browse and pull from for projects.

Landing Love preview

Landing LoveGalleriesA collection of delightful landing pages organized by their animation for motion inspiration.

Motionimo preview

MotionimoGalleriesAn extensive library of motion design clips for studying animation and movement.

before.click preview

before.clickGalleriesA showcase of high-converting app screenshot concepts for App Store marketing inspiration.

Swiped preview

SwipedGalleriesA collection of standout design posts gathered from across social platforms.

Landdding preview

LandddingGalleriesA daily-updated catalogue of creative landing pages for layout and marketing inspiration.

designengineer.tools

designengineer.tools preview

designengineer.toolsGalleriesA roundup of essential tools tailored to the work of design engineers.

Insposite preview

InspositeGalleriesA directory of design references and tools to browse when you need inspiration.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGalleriesA gallery of 25 loading button animations to reference for micro-interaction ideas.

What Ships preview

What ShipsGalleriesA collection of standout product launch demo videos gathered from posts on X.

GreatStuff preview

GreatStuffGalleriesA carefully vetted archive of creative tools, collected so you can find the good ones faster.

Great Apps preview

Great AppsGalleriesA weekly gallery highlighting exceptional iOS apps worth a closer look.

curated.domains

Curated Domains preview

Curated DomainsGalleriesA collection of brands using creative top-level domains, for naming and branding inspiration.

Sections.wtf preview

Sections.wtfGalleriesA gallery of real-world website sections and hero layouts to reference block by block.

Browse.cool preview

Browse.coolGalleriesA pick of websites chosen for their exceptional tactile feel and interaction.

Folios Gallery preview

Folios GalleryGalleriesA selective directory of outstanding designer portfolios to study for inspiration.

wwwtf.site preview

wwwtf.siteGalleriesA gallery of quirky, experimental corners of the interactive web worth exploring.

Early preview

EarlyGalleriesA discovery platform for surfacing early-stage software products worth a first look.

openalternative.co

OpenAlternative preview

OpenAlternativeGalleriesA directory matching popular SaaS tools with their open-source alternatives.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGalleriesA collection of open-source creative tools aimed at hands-on design and craft work.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGalleriesA shared moodboard where contributors collect unusual visual finds to spark design inspiration.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGalleriesA showcase wall of design-engineering and product portfolios to browse for inspiration.

Detail Design preview

Detail DesignGalleriesAn archive documenting the carefully crafted micro-interactions found across software interfaces.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGalleriesA studio that designs and builds modern web experiences for SaaS products.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGalleriesA curated showcase of standout SaaS landing pages worth studying for inspiration.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGalleriesA hand-picked gallery of SaaS website designs collected as design inspiration.

A1 preview

A1GalleriesA gallery of website designs gathered as inspiration for your next project.

02 / 03

Interface design tools and UI labs

Figma preview

FigmaInterface designA collaborative platform for designing and prototyping interfaces with your team.

Framer preview

FramerInterface designA visual canvas for designing and then publishing websites straight to the web.

make.design preview

make.designInterface designAn AI generator that turns written prompts into polished interface designs.

Penpot preview

PenpotInterface designAn open-source web design platform, built around SVG, that runs in the browser.

Spline preview

SplineInterface designBrowser-based 3D design software with built-in physics for interactive scenes.

interfacecraft.dev

Interface Craft preview

Interface CraftInterface designA collection of articles exploring the craft behind modern digital interfaces.

UI Labs preview

UI LabsInterface designA lab that takes apart animated UI components to show how they are built.

UIWTF preview

UIWTFInterface designA showcase of experimental interface patterns pushing what the web can do.

Lab01 preview

Lab01Interface designA collection of refined interface experiments published by a design studio.

design.dev preview

design.devInterface designAn AI-assisted editor for building and managing design tokens and systems.

UI Playbook preview

UI PlaybookInterface designA guide to the common states that UI components move through as you design them.

03 / 03

Web design resources: blogs, books and courses

refactoringui.com

Refactoring UI preview

Refactoring UIReadingA practical guide full of tactics for designing and building better interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyReadingAn online book covering the rules of typography and how to lay out text.

web.dev preview

web.devReadingPractical guidance on web performance and building to modern web standards.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsReadingA pattern library that teaches you how to build accessible interface components.

joshwcomeau.com

Josh Comeau preview

Josh ComeauReadingInteractive tutorials and articles that unpack how CSS mechanics really work.

design-books.com

Design Books preview

Design BooksReadingA directory of essential design books organized by the discipline they cover.

learn-kernels.com

Learn Kernels preview

Learn KernelsReadingAn interactive guide to writing and understanding GPU kernel programming.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistReadingA thorough checklist covering what goes into a production-ready design system.

Learn UI preview

Learn UIReadingA video course that teaches the practical side of designing user interfaces.

designspells.com

Design Spells preview

Design SpellsReadingA collection dissecting the subtle design details hidden in everyday software.

Good UI preview

Good UIReadingA library of evidence-based UI design patterns backed by real-world data.

Abduzeedo preview

AbduzeedoReadingA daily design blog that shares a steady stream of visual inspiration.

UX Collective preview

UX CollectiveReadingA curated publication that gathers critical essays on user experience design.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineReadingA dependable resource of articles and guides for web designers and developers.

Codrops preview

CodropsReadingA blog publishing creative front-end experiments alongside hands-on tutorials.

Muzli preview

MuzliReadingA daily digest that curates the latest design trends into a single feed.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsReadingA long-running journal about the practice and ideas behind information architecture.

designernews.co

designernews.co

Designer NewsReadingA community-driven feed where designers surface and discuss the latest stories.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotReadingA design publication that covers web standards and the tools designers use.

Designmodo preview

DesignmodoReadingA publication offering both articles and practical tools for web design.

99designs Discover preview

99designs DiscoverReadingA design blog that explores branding and the creative thinking behind it.

Interfaces preview

InterfacesReadingA monthly digital publication that explores the design of digital interfaces.

makingsoftware.com

Making Software preview

Making SoftwareReadingEssays examining how the tools designers use end up shaping their software.

visualrambling.space

Visual Rambling preview

Visual RamblingReadingPersonal visual essays that dig into interface design one idea at a time.

degreeless.design

Degreeless Design preview

Degreeless DesignReadingA curated learning roadmap for anyone set on mastering product design.

SVG Guide preview

SVG GuideReadingA guide to writing SVG markup and animating it, for designers and developers.

Animations.dev preview

Animations.devReadingA course that teaches you to create web animations that genuinely feel right.

UI Skills preview

UI SkillsReadingA course covering techniques for designing interfaces with the help of AI.

AI for UI preview

AI for UIReadingA course on putting AI workflows to work in your interface design process.

UI Land preview

UI LandReadingA series of interviews with leading design engineers about their craft.

Laws of UX preview

Laws of UXReadingA collection of psychological principles that shape how usable an interface feels.

userinterface.wiki

User Interface Wiki preview

User Interface WikiReadingA knowledge base that documents interface design guidelines and rules in one place.

The Shape of AI preview

The Shape of AIReadingA pattern library that spotlights design patterns for AI-powered interfaces.