ShaderGradient — Animated 3D Gradients for Web, Figma & React
A free open-source tool for creating animated 3D gradients with a visual editor, Figma and Framer integrations, plus ready-to-use React and Vue packages.
Resources
Discover useful things. Build your library. Share your finds.
Web Design 10
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.
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.
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.
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.
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.
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.