Can't Unsee — an eye-training game for interface details
Compare similar interfaces, choose the stronger option, and practice noticing spacing, typography, alignment and icon details.
Resources
Discover useful things. Build your library. Share your finds.
All resources 167
Flexbox Froggy: learn CSS Flexbox through play
A free browser game with 24 CSS puzzles. Guide frogs onto their lily pads while learning flex alignment, item order, direction and wrapping.
The Bézier Game — pen-tool and curve practice
A free browser game for tracing outlines with anchor points and control handles while using as few nodes as possible.
Flair — product photography and campaign compositions
A scene-building canvas for arranging products, backgrounds, and props, creating campaign imagery, and editing product visuals.
Khroma — personalized color combinations
A color-discovery tool that learns your preferences and presents combinations as typography, gradients, palettes, and images.
Site of Sites: curated web design inspiration
A free website gallery with industry, type, style and platform filters, themed collections and links to live projects.
Antlii — generative design tools and creative-coding experiments
A collection of browser tools and visual experiments by Kyiv-based creator Anatolii Babii, spanning patterns, geometric typography and animated simulations.
Logo Histories: logo design stories and research
Richard Baird’s research publication on the ideas, context and development of historical logos, with free previews and paid full access.
LogoArchive: historical logo research library
A paid curated library of modernist logos, with industry, style and thematic search and saved references.
Logoinspo: logo, symbol and wordmark inspiration
A curated gallery of real and conceptual logos, with style, industry and color filters and links to their creators.
Awwwards Free Fonts — curated typefaces for designers
A visual font collection curated by Awwwards, with specimens, tags and links to creators. Free-use terms vary by typeface.
Awwwards Portfolio: portfolio website examples
A large Awwwards collection of portfolio websites for exploring layout, interaction and creative project presentation.
Logggos: logo gallery for brand research
A curated logo gallery organized by industry, typography, color and shape for visual reference research.
A1 Gallery: portfolio website inspiration
A curated portfolio website gallery with style, technology and color filters, free browsing and optional Pro features.
Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
zoxilsi studio — mesh gradients and animated backgrounds
A mesh-gradient editor with Bézier controls, presets, effects and exports for images, video and code.
Holocloth — holographic cloth for graphics
Drape images over simulated cloth, adjust holographic materials and export PNGs with an optional transparent background.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
INKDRUM: risograph print simulator
A browser tool for risograph effects with ink layers, halftones, paper textures and colour-separation exports.
TextLab: message and interface mockups
A browser generator for chat, comment and UI mockups, with transparent PNGs and paid advanced exports.