design
Free digital design resources. Wonderfully Curated Design Resources.
The internet is your canvas. Framer is where teams design and publish stunning sites.
Related contents:
Free, beautiful fonts and font pairings curated just for you. Free fonts and font pairings to use for your next design project
Create stunning vector illustrations in seconds. Create stylish & consistent vector illustrations in seconds
Just type a prompt and our AI will generate four unique vector illustrations that maintain a consistent style. Perfect for busy web agencies and creative individuals, it simplifies and speeds up your design process.
Selective Free Design Resources to Download.
A growing library of free design resources made by the world's best designers. Unblast selects the best of the best, therefore putting in your hands quality useful resources such as mockups, fonts, templates, icons, graphics and saves you tons of searching hours.
100 books vetted by the community to inspire growth across the many disciplines influencing modern software design.
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.
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.
Related contents:
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.
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.
A Directory of Design Resources & Tools. The best digital design resources from around the Web in one place.
ADA is a non-profit initiative that seeks to enable knowledge production about Arabic design and its history through a framework of collecting, digitizing, and displaying. ADA aims to provide an open and accessible platform for graphic items to the public to counter the parallel, inaccessible, and non-existent physical archive of the second half of the 20th century.
The Easiest 3D device mockup builder. A better way to present design. Generate 3D device mockup in a quick and engaging way.
Convert your boring screen recording into life-like mockups. Just drag-drop and export with a click.
Pixel Art Converter
Convert Your Images into Pixel Art for Game Development with Our Online Image-to-Pixel Art Converter ⚔️
Esoteric Color Palette Generation Library.
"poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required. The intent is to have accessibility considerations included during the design phase of any project, and to help with the designer-developer collaboration. Ultimately creating digital experiences that anybody can use!
a chart and vector image re-styler.
Turn any vector image (charts, diagrams, illustrations) into hand-drawn art.
A found history of illustration.
Modern Illustration is an archive of print from c.1950-1975, collected and documented by illustrator Zara Picken.
Luciole (French for “firefly”) is a new typeface developed explicitly for visually impaired people. The result of a two-year collaboration between the Centre Technique Régional pour la Déficience Visuelle (the Regional Technical Center for Visual Impairment) and the type-design studio typographies.fr, this project received a grant from the Swiss Ceres Foundation and support from the DIPHE laboratory at the Université Lumière Lyon 2.
Free Icons.
A high-quality selection of free icons. No premium options or sign-ups. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma and Framer.
Search for open source icons, 150.000+ icons. A perfect search engine with 150.000+ free, open sources icons. Use them in Notion, Figma or download them with a single click.
A Python package to draw maps with customizable styles from OpenStreetMap data. Created using the osmnx, matplotlib, shapely and vsketch packages.
Openly Licensed Images, Audio and More. Explore more than 600 million creative works
An extensive library of free stock photos, images, and audio, available for free use.
Bring Design Freedom to your Product Team. Designers and developers can finally work in unison to build beautifully designed software experiences that truly scale up.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open standards (SVG). Penpot invites designers all over the world to fall in love with open source while getting developers excited about the design process in return.
user flow design inspiration. Design better user flows by learning from proven products.
Related contents:
Design Templates & Resources. Design resources featured by our curators.
Color and customize icon sets to fit your brand.
Norde Source makes it easy to customize entire icon sets to fit your brand. Built for designers, developers, marketers and anyone who works with a lot of icons. Available for Mac, Windows and Linux!
Free Resources for Designers and Developers.
Get free high quality design resources. Choose from an extensive selection of fonts, graphic and HTML templates, icons, mockups, and more!
Collection of free design tools and resources for makers, developers and designers
Well-Designed Logos for Your Inspiration. Explore well-designed logos. Discover inspiring logos sorted by industries, themes, typography style, branding color and more.
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
An open source typeface made of purposely redacted letters, which is presenting content as abstract bars.