design
CJS/ESM ANSI color library for terminals, CI and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS.
A high-performance list component for React Native.
Legend List is a high performance virtualized ScrollView library for React Native. Compared to FlatList and FlashList it’s faster, simpler, and has useful features they don’t support.
Hyperwood is an open-source system for crafting furniture from simple wooden slats. In the spirit of E.F. Schumacher's Small is Beautiful and inspired by Enzo Mari’s Autoprogettazione, Hyperwood empowers anyone — DIY enthusiasts, designers, interior architects, and small manufacturers — to build beautiful, robust furniture using minimal tools and locally sourced materials.
🔥 Fade gradient wrapper for React Native scrollable views and overlays on iOS and Android.
rn-fade-wrapper is a simple, highly-performant React Native component that adds smooth, customizable fade gradients to the edges of any content. Perfect for enhancing the user experience in scrollable containers, lists, carousels, modals, or any view with overflowing content.
UI & UX design inspiration for mobile & web apps.
Discover real-world design inspiration. Featuring over 300,000 screens and 1,000 iOS, Android & Web apps — New content weekly.
Related contents:
Refreshingly simple. Premium icons for websites and applications.
Related contents:
Unique, worry-free model photos. Enhance your creative works with photos generated completely by AI. Search our gallery of high-quality diverse photos or create unique models by your parameters in real time.
Related contents:
Curated colors in context.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
Free design tools for UI & UX designers.
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Design inspiration hub. Designers' Secret Source The best design inspiration - expertly curated for you.
Muzli is a new-tab browser extension that instantly delivers relevant design stories and inspiration to keep you in the loop.
Related contents:
💌 Free, Open Source HTML Email Editor and Designer. Free, open source, HTML email template editor and no code designer.
Velvetyne is an association and collective dedicated to researching and disseminating typography and typeface creation. Our efforts manifest through collective creation workshops, public engagements, and the promotion of open, playful tools that embrace an uninhibited approach to typography. Our editorial practice revolves around building a politically and artistically supported typographic universe, collaborating with diverse and engaged authors. Together, we give life to fonts and graphical objects under open licenses, allowing for their use, modification, and redistribution. Additionally, we explore unconventional paths, fostering transparency and inclusivity to make typeface creation more open and dynamic.
SVG Drawing Animation Generator.
SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain Css code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
Related contents:
SVG animation tool.
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.
Related contents:
The Ultimate reference tool for game designers.
The Game UI Database was created by Edd Coates as a free resource for UI/UX Designers in the games industry. It was built to aid in the discovery of new inspiration, and to provide a fast and efficient way of searching for reference materials.
Related contents:
Discover the World’s Top Designers & Creative Professionals.
Explore work from the most talented and accomplished designers ready to take on your next project
A selection of complimentary typography for your web projects. Best free fonts for designers.
Not your standard vector icons - 486 open-source line pixel-art style icons, in one color and made with a 24x24px grid by Gerrit Halfmann. Pro version with 1,944 icons with 4 variants!
Pixelarticons are presented in a singular color scheme, embodying a line art variant that captures the essence of minimalist and brutalist design principles. The Pro version expands this offering to 1,944 icons, available in four distinct styles, ensuring versatility and adaptability across a broad range of design projects.
An archive of 1,500+ Design Resources. Discover highly useful Design Resources & Tools.
A growing archive of 1,500+ design resources, frequently updated for the community.
Font Compare is an easy way to dynamically compare locally hosted fonts.
Video on command. Pika puts creative control where it belongs: in your hands.
Pika is a image to video generator using ai.
Open source 3D icon library.
Beautifully crafted open source 3D icons100% FREE FOR Commercial and Personal Use UNDER CC0.
Best Email Signature Manager for Outlook & Office 365.
Design and deploy on-brand email signatures for your whole team. Connect with your audience in a way that's on-brand and personal, while driving quality lead generation.
Cables is a tool for creating beautiful interactive content.With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments.
You are provided with a set of operators, such as mathematical functions, shapes, materials and post processing effects. Connect these to each other with virtual cables to create the experience you have in mind. Easily export your piece of work at any time. Embed it into your website or use it for any kind of creative installation.
AI design tools for inspiration. Your smart design companion.
Not just a suite of AI tools, but a creative partner for design inspiration. Boost your design process and eliminate the daunting blank page with clever recommendations and useful visuals.
A gallery of hand-drawn arrows and other design resources as SVGs that can be easily copied as SVG code or React components for use in your projects.
Cute illustrations for React Apps.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
In a nutshell, Aktivisda is a static and free website to simplify the creation of visuals (posters, social networks) by all the activists of an organisation in the colours of that organisation.
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.