Vectorizer.AI: convert raster images to vectors
Online vectorization for logos, illustrations, and sketches, with previews and configurable SVG, EPS, PDF, and DXF exports.
Resources
Discover useful things. Build your library. Share your finds.
All resources 210
Perfect Paragraph — a typography balance game
Adjust font size, line height and line width across ten exercises using Matej Latin’s typography triangle teaching model.
Typeyeah Type Games — a typography arcade
Four browser mini-games for practicing kerning, recognizing typefaces and serifs, and playing with the text baseline.
Pixactly — a pixel-dimension estimation game
Draw a rectangle to match a target width and height by eye, then review your accuracy across five rounds.
The Boolean Game — vector shape puzzles
A free browser game for practicing boolean operations: combine basic shapes to recreate target silhouettes in puzzles of increasing difficulty.
Color — a color-matching practice game
A timed browser game for matching target colors and practicing hue, saturation, complementary, analogous, triadic and tetradic color relationships.
Kern Type — a kerning practice game
A free browser game for developing an eye for letter spacing: reposition letters, receive a score and compare your result with a reference solution.
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.
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.
Art Gallery — generative watercolor paintings and Studio
A gallery of self-painting watercolor studies with a browser Studio for adjusting palettes, variations and painting parameters. Free for non-commercial use under the stated license.
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.
Curated by Deslove
Explore collections
Logos and brand identity
Logo archives, identity case studies and brand guidelines for visual research, plus tools for testing a logo in different contexts.
Fonts and typography
Font libraries, typography examples and tools for organizing typefaces, with exercises in kerning and paragraph balance.
UI design essentials
Components, icons, microcopy and placeholder content for interfaces, alongside palettes and contrast tools for everyday design work.
Graphics for your projects
Photos, illustrations, icons and decorative shapes for websites and presentations, plus image-generation, compression and SVG optimization tools.
Animation and interaction
Micro-animation references, motion editors and interactive effects for the web, including SVG animation, easing, gradients, paper effects and cursors.
Colors, gradients and textures
Palettes, gradients, patterns and textures for web design, graphics and presentations, with generators for backgrounds and geometric compositions.