Canva Brush – AI Design Editing in Canva
AI model for editing Canva designs with prompts: change colours, text and multi-page layouts or adapt graphics. Available with Canva Pro.
Resources
Discover useful things. Build your library. Share your finds.
Web Design 26
BenDay
Turn your logo into an animated dot-based loading indicator with 21 presets, a playground and an open-source React component.
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.
SVGOMG: visual SVG optimization
A free browser interface for SVGO, with SVG-code cleanup, smaller files, detailed optimization controls and result comparison.
Squoosh: browser-based image compression
A free tool for compressing, resizing and converting images, with visual quality comparison and local file processing.
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.
Neumorphism.io: CSS shadow generator for Soft UI
A free generator for neumorphic surfaces, with color, shape and shadow controls and copyable CSS.
Glass3D — glass-effect CSS generator
Tune blur, color and texture for glass-style interface elements, then copy the generated CSS.
Cursor Lab — Custom Web Cursors
A free workbench with 28 custom web cursors, live parameter controls, and copyable JavaScript, React, and CSS code.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Boxicons — 50,000+ Icons for Web, Figma & Development
A large icon library for designers and developers with 3 styles, 3 weights, 40+ categories, Figma and Framer plugins, plus React, Vue, Svelte and JavaScript packages.
Google Design — Product Design Stories, Guides & Resources
Google’s editorial platform covering UX, Material Design, typography, AI, design systems, accessibility and the process behind digital products.
Dark.design — Curated Dark Website Inspiration
A curated gallery of dark-themed websites featuring real examples from agencies, software products, AI companies, hardware brands, personal sites and Web3 projects.
fffuel — Free SVG Generators & Design Tools
A collection of 60+ free browser-based tools for creating SVG backgrounds, gradients, patterns, textures, shapes and color palettes.
Best Website Gallery — Curated Web Design Inspiration
A curated gallery of 2,600+ websites for inspiration in web design, UI/UX, typography, animation and digital interfaces.
Lovable
Build and iterate on websites and web apps through conversation, with publishing tools and a limited free credit allowance.
Spline
A browser-based editor for interactive 3D, with limited free files and watermarked web exports.
OpenAI Codex
An AI coding agent for implementing features, fixing bugs and reviewing changes, with plan-dependent access and limits.
Cursor
An AI coding environment for editing, understanding and developing software, with a limited free plan.
Figma
Collaborative interface design, reusable components and interactive prototypes, with a limited free Starter plan.
Penpot
An open-source platform for interfaces, prototypes, and design systems, with a free cloud plan and self-hosting options.