Superdesign: AI interface design
An AI tool for creating and comparing UI designs on an infinite canvas, with a public design-prompt library and a limited free plan.
Resources
Discover useful things. Build your library. Share your finds.
UI/UX 21
UI Faces: avatars for UI mockups
A curated library of AI-generated avatars for mockups and prototypes, with free individual downloads and paid collections.
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.
TextLab: message and interface mockups
A browser generator for chat, comment and UI mockups, with transparent PNGs and paid advanced exports.
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.
60fps — UI/UX Animation & Interaction Inspiration Library
A curated library of 2,100+ real UI/UX animations and interaction patterns from iOS and web apps, searchable by gestures, effects, elements and product patterns.
Bento Grids — Bento UI & Web Design Inspiration
A curated collection of bento grid layouts, UI cards, websites and visual design inspiration.
Lovable
Build and iterate on websites and web apps through conversation, with publishing tools and a limited free credit allowance.
Milanote
Visual boards for moodboards, briefs and creative projects. Free includes 100 notes, images or links and 10 file uploads.
Figma
Collaborative interface design, reusable components and interactive prototypes, with a limited free Starter plan.
Miro
A collaborative visual canvas for ideas, diagrams, and workshops, with three editable boards on the free plan.
Penpot
An open-source platform for interfaces, prototypes, and design systems, with a free cloud plan and self-hosting options.
Webflow
A visual platform for building responsive websites, with a free Starter plan for learning and small test sites.
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.