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.
UI/UX 12
Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
Symbl — test a logo across real-world contexts
Explore logo scaling, blur, contrasting variants and applications across icons, business cards and mockups.
Colour Contrast Checker: Check Text and Background Contrast
A free tool for checking text and background contrast, with WCAG AA and AAA indicators, HEX, RGB and HSL controls, and typography previews.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
Sliick – Free 3D Device Mockups
A browser editor for presenting screenshots and videos in 3D phone and tablet mockups, with ready-made scenes and local exports.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Tubik Blog — Design Articles, Case Studies & Practical Guides
A large design publication covering UI/UX, branding, web design, illustration, motion, design processes and detailed real-world case studies.
Bento Grids — Bento UI & Web Design Inspiration
A curated collection of bento grid layouts, UI cards, websites and visual design inspiration.
Laws of UX
An illustrated reference to psychology and UX principles, with practical takeaways, further reading and free educational posters.
Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.
WhoCanUse: color contrast and vision simulations
A free browser tool for checking text and background contrast, with WCAG grades and previews of different vision conditions and screen-viewing situations.