.svg){kind=icon}
180K+ open source icons.
Download, Customize, Edit and Personalize.Over 180k+ open source icons.
The classic pixelated icons that define HackerNoon.com, are now free to use on your own site / app / product / project :-)
An open-source collection of 120+ Pixelated Icons. Meticulously designed on a 24px grid, ensuring perfect alignment and consistency to enrich your web/app/product/page/life experience.
the most useful accessibility resources online.
A11y Cat is a collection of accessibility links for professionals who work with digital accessibility.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
Search 1000s of free seamless HD PBR textures. Create Textures With Poly.
Generate 3D materials with AI in a free online editor, or search our growing community library.
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
a small tool to help you calculate proportion ratios for typography, but also for shapes, components, and containers when you want to build large, medium, small, and other kind of size variations
Trace Pixels To Vectors in Full Color, Fully Automatically, Using AI.
Convert your JPEG and PNG bitmaps to SVG vectors quickly and easily. Fully Automatically. Using AI.
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.
Color picker and converter for OKLCH and LCH color space.
oklch() is a new way to define CSS colors. In oklch(L C H) or oklch(L C H / a) each item corresponds as follows:
- L is perceived lightness (0%-100%). “Perceived” means that it has consistent lightness for our eyes, unlike L in hsl().
- C is chroma, from gray to the most saturated color.
- H is the hue angle (0-360).
- a is opacity (0-1 or 0-100%).
Download Free lightweight animations for website & apps. Lightweight, scalable animations for your ads and social media.
LottieFiles takes away the complexity from Motion Design. It lets you Create, Edit, Test, Collaborate and Ship a Lottie in the easiest way possible.
Custom-color elements ready to paste into your project. Squiggles, scribbles, shapes and... other stuff.
A library of over 70 custom-color elements ready to paste into your project.
If you've ever looked at the SVG code for an icon before, you might have noticed that they're usually made up of a bunch of path elements, each with a cryptic d attribute.
151 Visual Phenomena & Optical Illusions with explanations.
directory of design tools
Open source emojis for designers, developers and everyone else!
Get started with a collection of 437 free and open-source SVG icons compatible with Flowbite and Tailwind CSS based on solid and outline styles with React (JSX) and Figma support.
A collection of 42 psychological biases, design principles and UX concepts that affect the product experience.
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.