ui

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

Typography site with font reviews, pairing articles and video breakdowns aimed specifically at UI designers and developers.

Free browser tool that grades a site's typography — sizes, line height, measure, contrast — and explains each fix.

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

Two-color pairing tool that shows every combination rendered as real UI so you can judge legibility, not swatches.

Fifteen years of free 2D sprites, 3D kitbash kits, UI prompts, textures and VFX, all released into the public domain.

Essay cataloguing the small interaction behaviours — hit areas, exit intent, focus handling — that separate good UI from great.

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

Two-part article giving concrete visual rules — light source, spacing, contrast, saturation — for developers designing interfaces.

Argument and method for improving design skill by pixel-copying excellent interfaces, with a structured practice routine.

UI kit for Phaser adding rows, columns, viewports, scrollbars and bars — the layout primitives the engine omits.

Icon set from Obra Studio with an unusually deliberate stroke-and-corner system, free to download.

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.

Working library of interface patterns and details for people designing with deliberate, uncommon care.

Design-engineering skill that critiques UI work against a scoreable rubric before and after implementation.

Lightweight modular WebGL shader library packaging animated background shaders for use in ordinary web interfaces.

Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.

Open-source UI component set built around fluid, functionalist motion and layout principles.

Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.

Web and mobile progressive web app for driving Claude Code sessions remotely from a phone or browser.

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

Icon set drawn specifically for dense product interfaces, with an unusual visual restraint and steady release cadence.

Thirty-one visual styles rendered from identical data, each paired with the AI prompt needed to reproduce that aesthetic.

Library of 700+ curated UI sound effects packaged for use in modern web applications.

Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.

Non-exhaustive checklist of concrete details that separate a good web interface from a mediocre one.

Living manual of interface craft covering design principles, motion, spacing and component behaviour.

Collection of interface and interaction implementations with live demos: command menus, theming, typography and micro-detail work.

Official shadcn skills giving agents accurate component context and enforcing shadcn conventions during generation.

Free, open-source React, Canvas and WebGL components, blocks and templates you can install with the shadcn CLI or copy directly.

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

251 UI layout prompts across 15 page-section categories — auth, pricing, dashboards, onboarding — each with a preview and copy-paste Tailwind markup.

Minimal icon set drawn for interface work, with a browsable library, changelog and per-icon requests.

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

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

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

Rule-based UI design book with a free 29-page preview covering spacing, hierarchy, colour and accessible defaults.

Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.

Cross-browser visual testing tool for Storybook with an interactive UI for approving diffs and Docker-based browser grids.

Detailed pre-ship checklists for pages, components and flows, covering the small details designers routinely forget.

Personal portfolio built as a working Windows XP desktop with draggable windows, a start menu and clickable applications.

Design-judgment skill that teaches an agent refined visual principles so its UI output stops defaulting to generic templates.

Browser UI design tool built by one designer around collaborative editing and fast rendering, with European data hosting.

CSS framework for building circular interfaces from orbits, satellites, arcs and radial progress indicators without manual trigonometry.

Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet.