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
- Host: GitHub
- URL: https://github.com/noobnooc/awesome-design-dev
- Owner: noobnooc
- Created: 2025-03-31T12:21:42.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-01T07:52:12.000Z (about 1 month ago)
- Last Synced: 2025-04-03T15:03:58.028Z (29 days ago)
- Topics: awesome, awesome-design, awesome-list, design, developer-tools, development
- Homepage:
- Size: 77.1 KB
- Stars: 63
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - awesome-design-dev - 🧑💻 Curate awesome design assets for developers. (Other Lists / Julia Lists)
README
# Awesome Design for Dev 

## 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.