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.
Tools 20
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.
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.
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.
Fontshare — 100 Free Font Families for Design
A curated library of 100 high-quality free font families for branding, websites, UI, posters and commercial design projects.
Google Fonts — Free Fonts for Web, Design & Branding
A large library of free open-source fonts for websites, branding, UI, presentations and commercial design projects.
Logoipsum — Free Placeholder Logos for Mockups & UI
A collection of 200+ free SVG and PNG placeholder logos for mockups, prototypes, UI design, presentations and test projects.
Animos — Motion Templates for Animated Design Showcases
A browser-based tool for turning static designs, UI mockups, images and video into seamless looping showcases with MP4 and WebM export.