https://github.com/hqasmei/awesome-design-resources
A curated list of awesome things to elevate your design skills as a developer.
https://github.com/hqasmei/awesome-design-resources
List: awesome-design-resources
Last synced: 3 months ago
JSON representation
A curated list of awesome things to elevate your design skills as a developer.
- Host: GitHub
- URL: https://github.com/hqasmei/awesome-design-resources
- Owner: hqasmei
- License: mit
- Created: 2024-07-12T03:55:53.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-15T18:46:06.000Z (4 months ago)
- Last Synced: 2025-02-15T19:33:00.776Z (4 months ago)
- Homepage:
- Size: 47.9 KB
- Stars: 52
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-design-resources - A curated list of awesome things to elevate your design skills as a developer. (Other Lists / Julia Lists)
README
# Awesome Design Resources
A curated list of awesome things to elevate your design skills.
## Table of Contents
- [UI Component Libraries](#ui-component-libraries)
- [AI Generated Designs Resources](#ai-generated-designs-resources)
- [Design Inspiration & Resources](#design-inspiration--resources)
- [Design-Focused Twitter Accounts](#design-focused-twitter-accounts)
- [Design Courses](#design-courses)
- [Design-Focused YouTube Channels](#design-focused-youtube-channels)
- [Design Tools & Software](#design-tools--software)
- [Design Podcasts](#design-podcasts)
- [Design Books & Publications](#design-books--publications)
- [Design Blog Posts](#design-blog-posts)
## UI Component Libraries
| Website | Description |
| --------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| [Magic UI](https://magicuikit.com/) | UI library for Design Engineers |
| [SyntaxUI](https://syntaxui.com/) | Free-to-use UI elements designed for rapid development |
| [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 |
| [shadcn/ui](https://ui.shadcn.com/) | Beautifully designed components that you can copy and paste into your apps |
| [daisyUI](https://daisyui.com/) | The most popular component library for Tailwind CSS |
| [tremor raw](https://raw.tremor.so/docs/getting-started/installation) | React components to build charts and dashboards |
| [Copy UI](https://copyui.com/) | We create stunning world-class components and templates, making them easily accessible to everyone |
| [Grayscal.es](https://grayscal.es/components) | Beautiful, ready-to-use components built with Shadcn UI that you can copy and paste into your project |
| [CodeUI](https://www.codeui.co.in/) | Beautifully designed mobile responsive components that you can directly copy paste into your projects |
| [motion-primitives](https://motion-primitives.com/) | Build beautiful animated components |
| [Luxe](https://luxe.guhrodrigues.com/) | Library of components copy and paste to illuminate your applications with elegance and sophistication |
| [NextUI](https://nextui.org/) | Beautiful, fast and modern React UI library |
| [Edil Ozi](https://www.edilozi.pro/) | Component Library for Developers |
| [LunarUI](https://lunarui.dev/) | Lunar UI is a collection of interactive Tailwind CSS components built for React and Vue.js. |
| [DynaUI](https://www.dynaui.design/) | Animated UI Library designed for Developers |
| [Just D.](https://getjustd.com/) | A chill set of React components, built on top of React Aria Components, all about keeping the web accessible. |
| [Tailus UI React](https://ui.tailus.io/) | Highly customizable React components for crafting modern, personalized websites and applications. |
## AI Generated Designs Resources
| Website | Description |
| --------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |
| [v0](https://v0.dev/) | Generate UI with shadcn/ui from simple text prompts and images |
| [Magic Patterns](https://www.magicpatterns.com/) | Iterate on components & designs in our AI-native editor. Export to React or Figma |
## Design Inspiration & Resources
| Website | Description |
| --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
| [Landings](https://landings.dev/) | Discover hundreds of landing pages created by leading companies for your design inspiration |
| [Dribbble](https://dribbble.com/) | A platform for designers to showcase their work and find inspiration |
| [Behance](https://www.behance.net/) | A network for creatives to display their portfolios and discover new talent |
| [Awwwards](https://www.awwwards.com/) | Honors and showcases the best of web design and development |
| [Mobbin](https://www.mobbin.design/) | A library of the latest mobile design patterns, hand-picked from the best apps |
| [PageFlows](https://pageflows.com/) | Design better user flows by learning from proven products |
| [CollectUI](https://collectui.com/) | Daily UI inspiration from daily ui challenges and beyond |
| [UXArchive](https://uxarchive.com/) | UX Archive is a collection of user experiences from real companies |
| [One Page Love](https://onepagelove.com/) | Curation of 8445 Single Page websites |
| [Framerize](https://framerize.co/) | Discover beautifully designed Framer components |
| [GreatFrontEnd](https://www.greatfrontend.com/projects) | A platform to build high quality project challenges with beautiful & modular designs |
| [Vercel Design](https://vercel.com/design) | Vercel Brand Features & Products |
## Design-Focused Twitter Accounts
| Account | Description |
| --------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| [Ran Segall](https://x.com/ransegall) | Helping people make a living as designers. Building Flux Academy |
| [Amjad](https://x.com/Amjaddsn) | Multidisciplinary Designer & Founder |
| [shadcn](https://x.com/shadcn) | The GOAT |
| [Dillion Verma](https://x.com/dillionverma) | Creator of Magic UI |
| [Chetan Verma](https://x.com/chetanvermaaa) | Design & Development partner for fast-growing startups and agencies |
| [Julien Thibeaut](https://x.com/Ibelick) | Design Engineer |
| [Namya Khan](https://x.com/namyakhann) | Building high-converting websites for founders who can’t afford to fail |
| [Logan Liffick](https://x.com/logan_liffick) | Design Engineer |
| [Emil Kowalski](https://x.com/emilkowalski_) | Design Engineer |
| [Nanda](https://x.com/nandafyi) | Engineer at ▲, writes about computers and stuff @nan.fyi |
| [Glenn Hitchcock](https://x.com/glennui) | Director of Design Engineering ▲ |
| [Julien Thibeaut](https://x.com/ibelick) | Design Engineer |
| [JohnPhamous](https://x.com/JohnPhamous) | Lead design engineer at ▲ |
| [Paco Coursey](https://x.com/pacocoursey) | Design engineer at Linear |
| [Mariana Castilho](https://x.com/mrncst) | Product design and code at @pierredotco |
| [Chan Karunamuni](https://x.com/chan_k) | Human Interface designer at Apple |
| [T. Costa](https://x.com/tcosta_co) | Designer/Cofounder of https://fey.com |
## Design-Focused Twitter Accounts
| Account | Description |
| --------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
| [Ran Segall](https://x.com/ransegall) | Helping people make a living as designers. Building Flux Academy |
| [Amjad](https://x.com/Amjaddsn) | Multidisciplinary Designer & Founder |
| [shadcn](https://x.com/shadcn) | The GOAT |
| [Dillion Verma](https://x.com/dillionverma) | Creator of Magic UI |
| [Chetan Verma](https://x.com/chetanvermaaa) | Design & Development partner for fast-growing startups and agencies |
| [Julien Thibeaut](https://x.com/Ibelick) | Design Engineer |
| [Namya Khan](https://x.com/namyakhann) | Building high-converting websites for founders who can’t afford to fail |
| [Logan Liffick](https://x.com/logan_liffick) | Design Engineer |
| [Emil Kowalski](https://x.com/emilkowalski_) | Design Engineer |
| [Nanda](https://x.com/nandafyi) | Engineer at ▲, writes about computers and stuff @nan.fyi |
| [Glenn Hitchcock](https://x.com/glennui) | Director of Design Engineering ▲ |
| [Julien Thibeaut](https://x.com/ibelick) | Design Engineer |
| [JohnPhamous](https://x.com/JohnPhamous) | Lead design engineer at ▲ |
| [Paco Coursey](https://x.com/pacocoursey) | Design engineer at Linear |
| [Mariana Castilho](https://x.com/mrncst) | Product design and code at @pierredotco |
| [Chan Karunamuni](https://x.com/chan_k) | Human Interface designer at Apple |
| [T. Costa](https://x.com/tcosta_co) | Designer/Cofounder of https://fey.com |
## Design Courses
| Courses | Description |
| --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| [Animations on the web](https://animations.dev/) | The interactive learning experience that teaches you how to build animations on the web. |
| [Interactive SVG](https://www.svg-animations.how/) | A text-based mini-course on making whimsical, playful SVG animations by [Nanda Syahrasyad](https://x.com/nandafyi). |
## Design Tools & Software
| Tool | Description |
| ------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
| [Figma](https://www.figma.com/) | A collaborative design tool for creating user interfaces and prototypes |
| [Adobe Creative Cloud](https://www.adobe.com/creativecloud.html) | A suite of design and creative applications, including Photoshop, Illustrator, and InDesign |
| [Canva](https://www.canva.com/) | A versatile design tool that makes it easy to create visuals for various purposes |
| [smashing.tools](https://smashing.tools/design-kit) | A collection of design tools and resources for developers and designers |
| [BrandBird](https://www.brandbird.app/studio) | The powerful image editor for beautiful screenshots |
| [CleanShot X](https://cleanshot.com/) | Capture your Mac’s screen like a pro |
| [Shots](https://shots.so/) | Create Amazing Mockups |
| [CustomGradient](https://customgradient.com/) | A web app that let's you customize your background gradient |
| [Fffuel](https://www.fffuel.co/) | A collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds |
| [Trending Color Palettes](https://coolors.co/palettes/trending) | Crie a paleta perfeita ou inspire-se com milhares de belos esquemas de cores |
| [Lordicon](https://lordicon.com/) | Lordicon is a growing library full of carefully crafted, high-quality static and animated icons you won’t find anywhere else. |
## Design Podcasts
| Podcast | Description |
| --------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
| [Design Details](https://www.designdetails.fm/) | A podcast about the people who design our digital future, hosted by Brian Lovin and Marshall Bock |
| [99% Invisible](https://99percentinvisible.org/) | A podcast about all the thought that goes into the things we don't think about, hosted by Roman Mars |
## Design Books & Publications
| Book | Description |
| --------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| [The Design of Everyday Things](https://www.amazon.com/Design-Everyday-Things-Revised-Expanded/dp/0465050654) | A classic book by Don Norman that explores the principles of good design and how to create products that are user-friendly and intuitive |
| [Universal Principles of Design](https://www.amazon.com/Universal-Principles-Design-Revised-Updated/dp/1592535879) | A comprehensive reference that covers 125 fundamental design principles, theories, and methodologies |
| [Storytelling with Data](https://www.amazon.com/Storytelling-Data-Visualization-Business-Professionals/dp/1119002257) | Storytelling with Data teaches you the fundamentals of data visualization and how to communicate effectively with data |
## Design Blog Posts
| Blog Post | Description |
| ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [4 Rules for Intuitive UX](https://www.learnui.design/blog/4-rules-intuitive-ux.html) | This article outlines four essential rules for creating intuitive user experiences |
| [ui.land - Nanda](https://ui.land/interviews/nanda) | An interview with Nanda, Engineer at Vercel, writes about computers and stuff @nan.fyi |
| [Good Design](https://shud.in/posts/good-design) | The article addresses the evolution of good design, emphasizing that complexity does not necessarily improve the quality of a project |
| [Creating New, Not More](https://www.wking.dev/logs/creating-new-not-more) | The author shares his strategy of studying great designers and exploring different visual references to develop a "creative muscle" that allows him to create new patterns and ideas. |