BenDay
Turn your logo into an animated dot-based loading indicator with 21 presets, a playground and an open-source React component.
Resources
Discover useful things. Build your library. Share your finds.
UI/UX 27
Morphicons
Turn a hamburger menu into a close icon, or one arrow into another, without a hard cut. Morphicons does the SVG animation.
PixelCrew
A team of AI agents that turns a written brief into wireframes, a design system and HTML pages with Tailwind CSS.
Stitch
A Google Labs tool that turns text prompts or images into web and app interfaces, with Figma and HTML/CSS export.
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.
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.
Laws of UX
An illustrated reference to psychology and UX principles, with practical takeaways, further reading and free educational posters.
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.