Affinity for iPad – Free Graphic Design Editor
Free graphic design app for iPad, combining vector design, logo creation, illustration, photo editing and page layout with Apple Pencil.
Resources
Discover useful things. Build your library. Share your finds.
All resources 108
BenDay
Turn your logo into an animated dot-based loading indicator with 21 presets, a playground and an open-source React component.
Morphicons
Turn a hamburger menu into a close icon, or one arrow into another, without a hard cut. Morphicons does the SVG animation.
Stitch
A Google Labs tool that turns text prompts or images into web and app interfaces, with Figma and HTML/CSS export.
Shapes.tools – SVG shape generator
Generate geometric, star-like and floral shapes, choose a color, and copy or download the result as SVG.
Creatica
A free editor for abstract backgrounds and patterns, with adjustable colours, shapes and SVG or PNG export.
Open Foundry: curated open-source fonts
A free font collection with visual specimens, designer credits, licence information and links to the original projects.
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
Squoosh: browser-based image compression
A free tool for compressing, resizing and converting images, with visual quality comparison and local file processing.
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.
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.
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.