Resource Directories & Inspiration

Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.

Feed of small delightful interface moments posted regularly, each isolated as a short clip.

Curated collection of loading screens, skeletons and waiting-state animations from shipped products.

Around 150 short teardowns of real marketing tactics across cold email, SEO, copywriting, landing pages, ads and referrals.

Browser tool for wrapping screenshots in device frames, backgrounds and annotations for presentation.

Library of web app and SaaS UI screens and flows captured from production products.

Collection of testimonial, logo-wall and review patterns as implemented on live marketing sites.

Archive of thousands of SaaS landing pages filterable by industry, section type and style.

Collection of Open Graph social preview images showing how products design their link-share cards.

Illustrated comic-format UX teardowns applying named psychology principles to real product decisions.

Curated color palettes derived from famous works of art, presented as usable hex sets.

Curated gallery of typefaces released under free licenses, presented with proper type specimens.

Newsletter dedicated to web animation techniques, tools and motion design writing.

Index of interface screenshots organised for fast lookup of specific UI elements across products.

Archive of App Store screenshot sets, showing how apps design their store listing marketing.

Interface breakdowns of specific products, capturing desktop and mobile screens for the same feature.

Annotated end-to-end app user journeys with flow maps explaining why each screen exists.

Directory of 2,200+ design resources sorted into ~40 tightly-scoped lists, weekly updated, from icon sets to niche galleries.

Curated web design gallery presenting sites with an emphasis on browsing experience and interface chrome.

Library of practice briefs in brand identity, visual design and UI, plus a member showcase, mentoring and a full course.

Short-format frontend newsletter delivering small, immediately applicable CSS and JavaScript techniques in a few minutes of reading.

Weekly newsletter of CSS articles, tutorials, tools and experiments curated by one editor.

Regularly updated collection of micro-interactions, easter eggs and delightful details captured from live products.

Searchable reference library of thousands of video game interface screens organised by screen type and genre.

Collection of personal websites built around play, easter eggs and quirk rather than conversion optimisation.

Curated list of mobile apps singled out for interface and interaction craft rather than popularity.

Collection of deliberately odd, high-resolution free stock photos shot by one photographer.

Gallery collecting only website footers, filterable by layout and content pattern.

Curated library of web app interfaces focused on delightful UX and micro-interaction quality.

Gallery of web experiences curated specifically for high-performance, smooth motion rather than static beauty.

Open collection of published design principles from companies, products and individuals, framed as decision-making frameworks.

Free high-resolution photography contributed by photographers, with a consistent editorial look.

Collection of website hero headlines and H1 treatments, focused on type scale and opening statements.

Collection of 404 error pages, useful for the one screen every project ships and nobody designs.

Digital asset management tool aimed at design teams organising images and reference libraries.

Library of small UX details captured from real products, each with a short note on the mechanic.

Reference wall of social post design — launch cards, product updates and rebrands captured from X, tagged by company, post type and format.

Curated gallery of web design with animated project covers, organised by style, type and industry.

Directory of headless commerce storefronts, showing what modern decoupled ecommerce actually looks like.

Growing collection of rendered 3D object illustrations released as a personal open project.

Web design showcase curated continuously since 2008, giving an unusually long historical record of style shifts.

Twice-weekly roundup of frontend demos, CSS experiments, tools and UI animation running since 2012.

Private AI-organised bookmarking tool that tags and retrieves saved images, sites and notes automatically.

Aggregates beginner-friendly issues from well-known open-source projects, grouped by language with live activity timestamps.

Gallery collecting bento-box grid layouts, a pattern that spread fast and has few structured references.

Gallery of email design inspiration organised by industry, campaign type and layout.

Community registry of 12,000+ React and Tailwind components, templates and shadcn themes published by 700+ design engineers, with AI-ready copy prompts.

Palettes drawn from specific historical periods, letting you pick color by era rather than mood.

Curated archive of typographic poster design submitted by designers worldwide.

Free stock video footage library aimed at website hero backgrounds and product pages.

Gallery of crypto and web3 product interfaces, a vertical almost no mainstream gallery covers.

Gallery devoted to SaaS pricing page layouts, tier structures and comparison table patterns.

Curated collection of SaaS marketing pages organised by page type and conversion goal.

Collection of landing pages selected specifically for measured conversion performance rather than looks.

Gallery that slices websites into individual sections (hero, features, testimonials, CTA) for section-level reference.

Searchable library of web and iOS product screenshots indexed by component, flow and UI element.

Community library of HTML and CSS UI elements contributed and licensed openly, browsable by element type.

Browse individual UI elements pulled from live websites, such as pricing tables and hero sections.

Visual bookmarking platform for design references with fast search, boards and a strong community feed.

Hand-curated directory of beautifully designed macOS apps and indie utilities, browsable by category, with a separate section for app icons.

Agent skill files targeting specific design aspects such as animation timing and typographic detail.

Newsletter dedicated to Figma techniques, plugins, community files and workflow changes.

Showcase focused exclusively on minimalist web layouts, useful as a reference for restraint and whitespace decisions.

Gallery of call-to-action sections and buttons collected from live marketing sites.

Curated ecommerce homepage gallery refreshed weekly with a focus on merchandising layout.

Repository of components, foundations and tokens extracted from the public design systems of major tech companies.

List of SaaS, PaaS and IaaS offerings with genuinely permanent free tiers, excluding time-limited trials.

Curated collection of published A/B test results from leading applications, framed as design evidence.

Visual discovery and collection tool where users build public clusters of references across media.

Long-running series of animated browser DevTools tips, delivered as GIFs with a searchable archive.

Curated list of Tailwind CSS plugins, component libraries, tooling, templates and learning resources.

Collection of user-flow recipes and hundreds of App Store screenshots organised around growth mechanics.

Daily UI design collection organised by specific task such as profiles, payments and settings.

Curated gallery of SaaS product interfaces and marketing sites with a fast browsing format.

Five hand-picked design links published every weekday, with a long public archive.

Free downloadable UI components, kits and full page templates released on a regular schedule.

Curated list of typography tools, font resources, foundries and web font tooling.

Gallery collecting only sites using real-time 3D, WebGL scenes and spatial interaction.

Collection of DESIGN.md files derived from major brand design systems, intended as context for coding agents.

Curated list of WebGL frameworks, tutorials, tools, debugging aids and demos.

Digitised archive of historical graphic design books, manuals and reference works.

Hand-curated index of design-engineering components, tools, essays and practitioners, updated constantly with tiny solo-built libraries.

Open-source Tailwind component collection with copy-paste markup and no install or dependency step.

Free open-source collection of unusually expressive React components: physics text, distortion, cursor effects.

Curated list of SVG tools, libraries, optimisers, animation techniques and tutorials.

Repository indexing free game development assets: 2D and 3D art, sound effects, music and tooling.

Cross-referenced index of interface components showing how dozens of published design systems name and build each one.

Community-maintained documentation site indexing front-end and design resources by topic: CSS, HTML, JavaScript, React, TypeScript, design.

Running directory of people working at the design/engineering intersection, with links to their sites and work.

Curated list of creative coding resources: books, tools, shaders, generative art frameworks and courses.

Weekly frontend link roundup split into CSS, JavaScript and other sections for skimming.

Curated bookmarks, articles and tooling about design systems, framed for developers rather than designers.

Curated list of newsletters across design, CSS, frontend, UX and engineering with direct signup links.

Curated GitHub list of shadcn/ui extensions, blocks, templates, registries and tooling built by the community.

Feed of interface details and micro-interactions spotted in shipped production apps.

Collective list of free public APIs organised by category, with auth, HTTPS and CORS noted for each.

Curated list of articles about incorrect assumptions programmers make regarding names, time, addresses and identity.

Curated list of design token specs, tooling, transformers and writing, maintained over several years.

Registry of 159+ components built on coss-ui and installable through the shadcn registry CLI.

Curated list of Figma plugins, REST API tooling and code-generation projects with a developer focus.

Curated global design resource list spanning tools, articles, inspiration and learning material.

Curated collection of contemporary logo marks with a consistent presentation format.

Minimal daily feed of graphic design, branding and print work with almost no editorial framing.

Visual search engine that finds images aesthetically similar to a reference rather than keyword-matched.

Collection of published design systems from companies, with links to their docs, code and Figma libraries.

Curated list of CSS frameworks, preprocessors, methodologies, tools and learning material.

Gallery of intentionally simple websites with basic layouts, useful when arguing a client out of over-design.

Very large curated list of free software network services and web applications that can be self-hosted.

Very large curated collection of Model Context Protocol servers organised by capability and integration.

Gallery of navigation bars and menu patterns from live sites, including mega-menus and mobile behaviour.

Collection of interface animations and interaction clips gathered for motion reference.

Single-repo index of roughly 440 free design resources across fonts, photos, icons, mockups and tooling.

Curated list of Svelte and SvelteKit libraries, components, tooling and learning resources.

Plain, unmonetised list of design resources maintained as a personal reference rather than an affiliate funnel.

Gallery of heads-up displays and speculative interface design from games, film and concept work.

Documented collection of UI components describing behaviour, states and edge cases rather than just visuals.

Directory of personal websites, useful for portfolio ideas that are not agency landing-page clones.

Curated reading list covering usability, design systems, typography and interface craft rather than general business books.

Gallery collecting only dark-themed websites, with filtering to study dark palette and contrast decisions.

Collection of UI screens captured across viewport sizes for responsive design reference.

Gallery restricted to fonts under the SIL Open Font License, filtering out fake-free listings.

Public bookmark collection of twenty-five-plus articles, talks, courses and tools on design engineering as a discipline.

Newsletter focused specifically on CSS layout: grid, flexbox, subgrid, container queries and specs.

Weekly digest of web design and frontend links aimed at practitioners rather than trend-watchers.

Independent magazine covering design engineering, interface craft and the people making interaction details.

Archive of vintage photographs from public archives with no known copyright restrictions.

Curated gallery of motion design and animated video work across brand and product.

Collection of brand motion identity systems showing how logos and identities behave when animated.

Reference collection of real pitch and company decks, browsable slide by slide for layout, typography and narrative structure.

Gallery of identity relaunches with reveal videos, filterable by industry, style, typeface and mood, plus packaging, signage and guideline shots.

Film still library with millions of HD frames hand-tagged across 30+ categories: lens, framing, lighting, color, location, even actor emotion.

Searchable archive of video game UI: thousands of screenshots and clips filtered by genre, theme and element like inventory, skill tree or game over.

Library of 1,300+ logos, wordmarks, symbols and animated marks, filterable by colour, style, shape, industry and mood, each credited to its designer.

Archive of 3,000+ vintage corporate annual report covers from 1945–1991, searchable by decade, industry, colour and what's pictured.

Curated link directory for the creative web, filterable across illustration, graphic design, art, photography, 3D, type, music and websites.

Curated gallery of vintage vertical print advertisements with fact-checked notes on the brand, campaign and copywriting behind each one.

Short hand-picked list of design tools and visual archives the author actually returns to, each with a preview clip.

Curated gallery of finely crafted iOS and macOS app icons, browsable as a reference for icon mark design.

Hand-picked gallery of dark-themed websites sorted by sector — agency, AI, software, hardware, web3, education, culture and personal — plus free templates.

Curated archive of recent visual and creative work across web, branding, product, motion, illustration, 3D and print, refreshed hourly.

Library of website hero-section designs from brands and studios, browsable as a reference wall. Now operated as part of Screensdesign.

Collection of 100+ common layouts and UI patterns implemented in dependency-free CSS with copyable source.

Community and publication for design engineers with essays, job links and shared practice notes.

Large royalty-free music library organised by mood, genre and tempo, produced by one composer.

Archive of classic logo marks and symbols organised by shape and category.

Weekly newsletter covering Tailwind CSS releases, plugins, components and ecosystem projects.

Analysed archive of 440+ historic and modern ads, sales letters and landing pages, broken down by technique and niche.

Curated archive of homepage and landing-page design, filterable by category, page type and build stack, with a weekly newsletter.

Newsletter and link feed from the design.systems community covering tooling, governance and case studies.

Long-running showcase of sites picked for strong typography and efficient, unfussy layouts rather than award-bait effects.

Fifty consecutive daily logo briefs delivered by email, with community critique happening on Instagram and Dribbble.

Curated free stock video collection favouring cinematic, slow-motion and atmospheric footage.

Screen recordings of real product flows (onboarding, checkout, cancellation) captured over time.

Regional gallery of Scandinavian studio and product websites with a consistent restrained aesthetic.

Gallery of real production websites sorted across fifty-plus industries and page types, aimed at practical reference rather than awards.

Small gallery curated personally by a product designer, weighted toward taste over volume or SEO.

Maintained directory of several hundred open source investigation tools across maps, imagery, archiving and analysis.

Digital library indexing UI resources, references and components for designers and engineers working on interface craft.

Searchable library of visual techniques in film and video, indexed by effect name.

Free vector illustration set licensed for commercial use with a consistent character system.

Gallery of well-designed Shopify storefronts, curated exclusively around that one platform.

Curated feed of tools, resources, design systems and lesser-known design gems alongside maker and designer portfolios.

Long-running archive of well-crafted iOS app icons, useful as a reference for icon mark design.

Catalogue of interface and persuasive design patterns, each with problem statement, rationale and real examples.

Search engine over 500,000 open-licensed SVG vectors and icons with one-click download and editing.

Directory of free HTML and CSS templates, UI libraries and boilerplates aggregated across sources.

Collection of cinemagraphs, still images with a single looping element of motion.

Nonprofit library of public-domain classical recordings and sheet music, free of licensing restrictions.

Archive of book cover designs with credits for designer, art director and publisher.

Crowdsourced archive of graphic design history contributed by practitioners and institutions.

Deep archive of film and TV title sequences with interviews and breakdowns of how they were made.

Long-running feed of UI animations submitted and voted on, with an accompanying email digest.

Gallery of landing pages for SaaS, mobile apps and startups with developer-oriented framing.

Collection of open-source typefaces explicitly licensed to be modified and redistributed.

Long-running mobile UI pattern library organised by screen type and interaction category.

Archive of raw-HTML, harsh-contrast and deliberately unconventional websites, each with a short designer statement.

Inspiration gallery that previews each site as a fast video clip so motion and scroll behaviour are visible.

Free stock photo library that ships a matching color palette alongside every image.

Searchable feed of mobile and web UI screens and interactions updated continuously.

Long-running library of legal, high-quality audio downloads with clear per-track licensing.

Gallery of mobile app screens organised by app and screen category for quick pattern lookup.

Minimalist CSS-focused inspiration gallery cataloguing simple sites with clean structure and limited visual noise.

Directory of tools aimed specifically at web-focused design engineers rather than general designers or general frontend developers.

Long-running editorial site reviewing corporate and brand identity redesigns with critical written analysis.

Large searchable archive of marketing and transactional emails with HTML available for reference.