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.
Resources
Discover useful things. Build your library. Share your finds.
All resources 9
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.
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.
Awwwards Portfolio: portfolio website examples
A large Awwwards collection of portfolio websites for exploring layout, interaction and creative project presentation.
A1 Gallery: portfolio website inspiration
A curated portfolio website gallery with style, technology and color filters, free browsing and optional Pro features.
Tabbied Patterns — customizable pattern generator
A generative pattern library with colour palettes, layout controls and free PNG or SVG export.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Ultrapilled – Physics-Based Graphics & Animation
A free browser-based design tool that turns text, shapes, icons and images into playful compositions that fall, bounce and stack.
Bento Grids — Bento UI & Web Design Inspiration
A curated collection of bento grid layouts, UI cards, websites and visual design inspiration.