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.
Resources
Discover useful things. Build your library. Share your finds.
All resources 40
FeralUI Gradient Builder — gradient generator
A free gradient editor with traditional Japanese colour palettes, shape and grain controls, and export options for images, video and code.
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.
Loguitoc – SVG Logo and Typography Animator
A free browser tool that animates SVG artwork and text with contours, Bézier anchors and construction guides, then exports MP4 up to 4K, animated SVG or PNG.
UX Pilot Gradient Generator – Gradients & Textured Backgrounds
A browser-based gradient studio with color, texture and motion controls, plus previews inside interface layouts.
Open Peeps — Free Hand-Drawn Character Illustration Library
A free modular character library by Pablo Stanley with hundreds of thousands of combinations of poses, expressions, hairstyles and clothing for digital and creative projects.
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.
Gradihunt — Automated CSS Gradient Generator
A free gradient generator with millions of automatically generated combinations, filters and ready-to-copy CSS.
Heroicons — 316 Free SVG Icons by the Makers of Tailwind CSS
A free library of 316 carefully crafted SVG icons for UI, websites and apps, with a Figma file and official React and Vue libraries.
Gradient Hunt — Thousands of Free Color Gradients
A curated collection of thousands of trendy gradients with CSS code, Linear, Radial, Popular and Random sections, plus tools for creating and saving your own.
Microcopy — UX Writing & Interface Copy Library
A library of 500+ microcopy examples for buttons, headlines, error messages, forms, account flows, notifications, CTAs and other interface elements.
Iconoir — 1,600+ Free Open-Source Icons
A large free SVG icon library built on a 24×24 grid with support for Figma, Framer, React, React Native, Vue, Flutter and CSS.
Goodbye John Doe — Fictional Placeholder Name Generator
A free generator of unusual fictional names for UI mockups, prototypes, tables, profiles, forms and other digital projects.
Colorsinspo — Color Palettes, Gradients & Design Tools
A free platform with thousands of curated color palettes, generators, gradients, contrast tools, tutorials and other resources for designers.
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.
Archives.design — Digital Archive of Historic Graphic Design
A curated collection of historic design books, brand guidelines, posters, type specimens, editorial pieces and other graphic design documents found on Internet Archive.
Durves — Dot Pattern Generator for Designers
A free online tool for creating curved dot patterns with controls for matrix, size, amplitude, waves, frequency and color, with SVG or PNG export.
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.
Worldvectorlogo — 100,000+ Brand Logos in SVG
A large free library of vector logos from global brands in SVG format, with no registration required for downloads.
Color Hunt — Curated Color Palettes for Designers
A free curated collection of color palettes with browsing by color, style, season and mood.
Design Spells — UI Details, Interactions & Micro-Animation Inspiration
A curated gallery of 300+ real-world UI details, micro-animations, transitions, Easter eggs and interaction patterns.
Cool Shapes — 100+ Abstract Gradient Shapes for Figma
A free open-source collection of 100+ abstract SVG shapes with grainy gradients for Figma, UI, illustration and web projects.