Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/noobnooc/awesome-design-dev

🧑‍💻 Curate awesome design assets for developers
https://github.com/noobnooc/awesome-design-dev

List: awesome-design-dev

awesome awesome-design awesome-list design developer-tools development

Last synced: 29 days ago
JSON representation

🧑‍💻 Curate awesome design assets for developers

Awesome Lists containing this project

README 

        
# Awesome Design for Dev ![Awesome](https://awesome.re/badge.svg)



![Banner](banner.svg)



## Contents



 - [UI Libraries](#ui-libraries)

 - [Icons](#icons)

 - [Illustrations](#illustrations)

 - [Templates](#templates)

 - [Photography](#photography)

 - [Fonts](#fonts)

 - [Tools](#tools)

 - [Books](#books)

 - [Communities](#communities)



## UI Libraries



 - [Shadcn](https://ui.shadcn.com) - A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks.

 - [Radix UI](https://www.radix-ui.com/) - An open source component library optimized for fast development, easy maintenance, and accessibility.

 - [Magic UI](https://magicui.design) - 150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion.

 - [Aceternity UI](https://ui.aceternity.com) - Copy paste the most trending components and use them in your websites without having to worry about styling and animations.

 - [Cult UI](https://www.cult-ui.com) - Ready-to-use components for your react apps. Shadcn compatible. Styled with tailwindcss. Copy and paste, open source, typed.

 - [Animata](https://animata.design) - Hand-crafted interaction animations and effects from around the internet to copy and paste into your project.

 - [Headless UI](https://headlessui.com) - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

 - [Neobrutalism](https://www.neobrutalism.dev) - A collection of neobrutalism-styled components based on shadcn/ui.

 - [Origin UI](https://originui.com) - Beautiful UI components built with Tailwind CSS and React.

 - [daisyUI](https://daisyui.com) - daisyUI is the Tailwind CSS plugin you will love! It provides useful component class names to help you write less code and build faster.

 - [Preline](https://preline.co) - An open-source Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, plugins, Figma design system and more.



## Icons



 - [Lucide](https://lucide.dev/) - Beautiful & consistent icons made by the community.

 - [Phosphor Icons](https://phosphoricons.com) - A flexible icon family for interfaces, diagrams, presentations — whatever, really.

 - [Remix Icon](https://remixicon.com) - Open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.

 - [Isocons](https://www.isocons.app) - Isometric icons for your products, projects, posters and presentations.

 - [pqoqubbw/icons](https://icons.pqoqubbw.dev) - beautifully crafted animated icons.

 - [Simple Icons](https://simpleicons.org) - 3k+ SVG icons for popular brands.

 - [Nucleoapp](https://nucleoapp.com) - 💵 44k+ premium-quality SVG icons, regularly updated for UIs, presentations, and print projects.

 - [Icônes](https://icones.js.org) - Icon Explorer with Instant searching.

 - [macOS Icon Gallery](https://www.macosicongallery.com) - A collection of macOS icons.



## Illustrations



 - [Artvee](https://artvee.com) - Browse and download high-resolution, public domain paintings, posters and illustrations.

 - [Notioly](https://notioly.com) - Notioly is a collection of over 200 Notion-style illustrations, fully customizable in SVG and updated monthly with new designs.

 - [vectorCraftr](https://vectorcraftr.com) - All illustrations are free for commercial use.

 - [unDraw](https://undraw.co) - Open-source illustrations for any idea you can imagine and create.

 - [Unsplash Illustrations](https://unsplash.com/illustrations) - The internet’s source for visuals. Powered by creators everywhere.

 - [DrawKit](https://www.drawkit.com) - 💵 Hand-drawn 2D & 3D illustrations, icons and animations. Perfect for your next project. All in one place.

 - [Storyset](https://storyset.com) - Awesome free customizable illustrations for your next project.

 - [Shapefest](https://shapefest.com) - 💵 100K+ transparent PNG images of beautiful 3D objects .



## Templates



 - [Tailwind Plus](https://tailwindcss.com/plus) - 💵Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. 

 - [Aceternity Template](https://pro.aceternity.com/templates) - 💵 Modern and minimalist templates for building your next product. Built with React, NextJS, TailwindCSS, Framer Motion and Typescript.

 - [Shuffle](https://shuffle.dev/) - 💵 Easily create landing pages, dashboards, and e-commerce templates.

 - [Preline](https://preline.co) - 💵 An open-source Tailwind CSS components library for any needs. Comes with UI examples & blocks, templates, plugins, Figma design system and more.



## Photography



 - [Unsplash](https://unsplash.com) - The internet’s source for visuals. Powered by creators everywhere.

 - [Pexels](https://www.pexels.com) - The best free stock photos, royalty free images & videos shared by creators.

 - [Life of pix](https://www.lifeofpix.com) - Free high resolution photography.

 - [BARNIMAGES](https://barnimages.com) - Free high-resolution images for everyone.

 - [Little Visuals](https://littlevisuals.co) - Free, high resolution images. Use them anyway you want - free for commercial use.

 - [Pixabay](https://pixabay.com) - Stunning royalty-free images & royalty-free stock.

 - [Deposit Photos](https://depositphotos.com) - 💵 Royalty-free Stock Photos, Vector Images, Videos and Music.

 - [UI Faces](https://uifaces.co) - Free AI-generated avatars for your creative projects.



## Fonts



- [Google Fonts](https://fonts.google.com) - A library of 1,000+ free licensed font families and APIs for convenient use via CSS and Android.

- [Inter](https://rsms.me/inter/) - A variable font family for text interfaces.

- [Labor and Wait](https://www.laborandwait.xyz) - 💵 Shop quality, curated goods and products.

- [I Love Typography](https://fonts.ilovetypography.com) - 💵 Shop quality, curated fonts from indie font foundries.

- [T26](https://www.t26.com) - 💵 Purchase well-designed fonts.

- [Klim](https://klim.co.nz) - 💵 Shop quality, curated fonts from indie font foundries.



## Colors



 - [Color Hunt](https://colorhunt.co) - Color palettes for designers and artists.

 - [Color Lisa](https://colorlisa.com) - Color palette masterpieces from the world's greatest artists.

 - [Brand Colors](https://brandcolors.net) - The biggest collection of official brand color codes around.

 - [The day's color](https://www.thedayscolor.com) - The daily color digest.

 - [Color Drop](https://colordrop.io) - Color palette tool built for creatives to help get inspiration for designs or projects they're working on.



## Tools



 - [Shots](https://shots.so) - Create amazing mockups in seconds.

 - [Rotato](https://rotato.app) - 💵 3D mockup images and movies in minutes.

 - [Spline](https://spline.design) - 💵 A place to design and collaborate in 3D.

 - [Lottielab](https://www.lottielab.com) - The motion design tool for product teams.

 - [Penpot](https://penpot.app) - Penpot is the web-based open-source design tool that bridges the gap between designers and developers.

 - [Shuffle](https://shuffle.dev/) - 💵 Easily create landing pages, dashboards, and e-commerce templates.

 - [Notion Avatar Maker](https://notion-avatar.app) - Making notion-style avatars.

 - [Framer](https://www.framer.com) - 💵 The website builder loved by designers.

 - [Figma](https://www.figma.com) - 💵 A collaborative interface design tool.

 - [Sketch](https://www.sketch.com) - 💵 A toolkit made by designers, for designers, that puts the focus on you and your work.



## Books



 - [The Book of Shaders](https://thebookofshaders.com) - This is a gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

 - [Refactoring UI](https://www.refactoringui.com) - 💵 Make your ideas look awesome, without relying on a designer.



## Communities



 - [21st.dev](https://21st.dev) - A community of design engineers to share their work.

 - [Uiverse](https://uiverse.io) - Community-built library of UI elements. Copy as HTML/CSS, Tailwind, React and Figma.

 - [Sketchfab](https://sketchfab.com) - Sketchfab is a 3D asset website used to publish, share, discover, buy and sell 3D, VR and AR content.

 - [Pinterest](https://pinterest.com) - A visual search and discovery platform where people find inspiration, curate ideas and shop products—all in a positive place online.