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.
UI/UX 17
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.
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.
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.
Illustration Kit: free vector illustrations
A library of Yippy, Ven and Halo illustrations for websites, apps and presentations, with editable colours and free SVG and PNG downloads.