Where type designers sell fonts in progress
Product Design Knowledge.
Stay on top of your design process with the bite-sized hints and cheat sheets about UX Product Design.
An editor that converts images to pixel art, add dither, set palettes, and more! Made entirely in p5js.
Image-to-Pixel @ GitHub.
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.
Huetone @ GitHub.
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%).
OKLCH & LCH Color Picker @ GitHub.
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
5450 links, including 1 private