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 59
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.
HalftonePro — Halftone Pattern Generator
A browser tool for halftone patterns and textures with adjustable grids, shapes and colors. Free PNG export is available; SVG requires a paid account.
Swayro – Browser-Based Motion Design
A browser editor that turns photos and screenshots into animated videos using customizable motion templates and local rendering.
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.
mckp.live – Animated 3D Mockups
A browser-based tool by ls.graphics for animated device mockups with your own screens, video exports and interactive website embeds.
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.
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.
SVGator — Online SVG Animation Editor Without Code
A browser-based tool for creating SVG and Lottie animations with timelines, keyframes, morphing, motion paths, interactive triggers and production-ready exports.
Magic Animator — AI Animation for Figma Designs
An AI tool by Lottielab for animating Figma designs with prompts or one-click ideas, editable keyframes and export to Lottie, GIF and MP4.
Rebrand Gallery — Curated Rebrands & Visual Identity Inspiration
A curated reference library of rebrands, design systems, brand bentos, reveal videos and thousands of visual references for brand designers.
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.
Lummi — Free AI Stock Images, Illustrations & 3D
A curated library of free AI-generated photos, illustrations and 3D visuals with search, filters and built-in editing tools.
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.
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.
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.