A curated list of awesome things to elevate your design skills.
- UI Component Libraries
- AI Generated Designs Resources
- Design Inspiration & Resources
- Design-Focused Twitter Accounts
- Design Courses
- Design-Focused YouTube Channels
- Design Tools & Software
- Design Podcasts
- Design Books & Publications
- Design Blog Posts
| Website | Description |
|---|---|
| Magic UI | UI library for Design Engineers |
| SyntaxUI | Free-to-use UI elements designed for rapid development |
| Aceternity UI | Copy paste the most trending components and use them in your websites without having to worry about styling and animations |
| shadcn/ui | Beautifully designed components that you can copy and paste into your apps |
| daisyUI | The most popular component library for Tailwind CSS |
| tremor raw | React components to build charts and dashboards |
| Copy UI | We create stunning world-class components and templates, making them easily accessible to everyone |
| Grayscal.es | Beautiful, ready-to-use components built with Shadcn UI that you can copy and paste into your project |
| CodeUI | Beautifully designed mobile responsive components that you can directly copy paste into your projects |
| motion-primitives | Build beautiful animated components |
| Luxe | Library of components copy and paste to illuminate your applications with elegance and sophistication |
| NextUI | Beautiful, fast and modern React UI library |
| Edil Ozi | Component Library for Developers |
| LunarUI | Lunar UI is a collection of interactive Tailwind CSS components built for React and Vue.js. |
| DynaUI | Animated UI Library designed for Developers |
| Just D. | A chill set of React components, built on top of React Aria Components, all about keeping the web accessible. |
| Tailus UI React | Highly customizable React components for crafting modern, personalized websites and applications. |
| Website | Description |
|---|---|
| v0 | Generate UI with shadcn/ui from simple text prompts and images |
| Magic Patterns | Iterate on components & designs in our AI-native editor. Export to React or Figma |
| Website | Description |
|---|---|
| Landings | Discover hundreds of landing pages created by leading companies for your design inspiration |
| Dribbble | A platform for designers to showcase their work and find inspiration |
| Behance | A network for creatives to display their portfolios and discover new talent |
| Awwwards | Honors and showcases the best of web design and development |
| Mobbin | A library of the latest mobile design patterns, hand-picked from the best apps |
| PageFlows | Design better user flows by learning from proven products |
| CollectUI | Daily UI inspiration from daily ui challenges and beyond |
| UXArchive | UX Archive is a collection of user experiences from real companies |
| One Page Love | Curation of 8445 Single Page websites |
| Framerize | Discover beautifully designed Framer components |
| GreatFrontEnd | A platform to build high quality project challenges with beautiful & modular designs |
| Vercel Design | Vercel Brand Features & Products |
| Product Onboarding | A free, curated gallery of user onboarding examples from leading SaaS products, by pattern and by company |
| Account | Description |
|---|---|
| Ran Segall | Helping people make a living as designers. Building Flux Academy |
| Amjad | Multidisciplinary Designer & Founder |
| shadcn | The GOAT |
| Dillion Verma | Creator of Magic UI |
| Chetan Verma | Design & Development partner for fast-growing startups and agencies |
| Julien Thibeaut | Design Engineer |
| Namya Khan | Building high-converting websites for founders who can’t afford to fail |
| Logan Liffick | Design Engineer |
| Emil Kowalski | Design Engineer |
| Nanda | Engineer at ▲, writes about computers and stuff @nan.fyi |
| Glenn Hitchcock | Director of Design Engineering ▲ |
| Julien Thibeaut | Design Engineer |
| JohnPhamous | Lead design engineer at ▲ |
| Paco Coursey | Design engineer at Linear |
| Mariana Castilho | Product design and code at @pierredotco |
| Chan Karunamuni | Human Interface designer at Apple |
| T. Costa | Designer/Cofounder of Fey |
| Courses | Description |
|---|---|
| Animations on the web | The interactive learning experience that teaches you how to build animations on the web. |
| Interactive SVG | A text-based mini-course on making whimsical, playful SVG animations by Nanda Syahrasyad. |
| Devouring Details | A design course focused on mastering the details of design. |
| Tool | Description |
|---|---|
| Figma | A collaborative design tool for creating user interfaces and prototypes |
| Adobe Creative Cloud | A suite of design and creative applications, including Photoshop, Illustrator, and InDesign |
| Canva | A versatile design tool that makes it easy to create visuals for various purposes |
| smashing.tools | A collection of design tools and resources for developers and designers |
| BrandBird | The powerful image editor for beautiful screenshots |
| CleanShot X | Capture your Mac’s screen like a pro |
| Shots | Create Amazing Mockups |
| CustomGradient | A web app that let's you customize your background gradient |
| Fffuel | A collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds |
| Nutilz Clip-path Generator | Free browser-based CSS clip-path generator — drag handles to create polygon shapes, copy production-ready CSS. No signup |
| Tessera | Seamless, tileable generative pattern packs (PNG, 3000x3000px) for packaging, fabric, and web backgrounds |
| Trending Color Palettes | Crie a paleta perfeita ou inspire-se com milhares de belos esquemas de cores |
| Chinese Color Atlas | Free Chinese traditional color tokens, CSS variables, Tailwind theme, Figma samples, and Procreate swatches |
| Lordicon | Lordicon is a growing library full of carefully crafted, high-quality static and animated icons you won’t find anywhere else. |
| Jitter | A fast and simple motion design tool on the web |
| TinyTools | Free browser-based design utilities — color palette, favicon, OG image generator, AI background remover (runs locally). No signup, open source. |
| Icons8 | 1,500,000+ icons across 130+ visually consistent styles, available as SVG and PNG |
| ToolBox | Free browser-based design utilities: color picker & converter, gradient generator, image compressor, favicon & SVG tools. No signup; client-side. |
| Toolio | Free browser-based design utilities: color palette & CSS gradient generators, box-shadow and border-radius builders, background remover, image compressor, favicon & SVG optimizer. No signup; most tools run client-side. |
| Podcast | Description |
|---|---|
| Design Details | A podcast about the people who design our digital future, hosted by Brian Lovin and Marshall Bock |
| 99% Invisible | A podcast about all the thought that goes into the things we don't think about, hosted by Roman Mars |
| Book | Description |
|---|---|
| The Design of Everyday Things | 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 | A comprehensive reference that covers 125 fundamental design principles, theories, and methodologies |
| Storytelling with Data | Storytelling with Data teaches you the fundamentals of data visualization and how to communicate effectively with data |
| Blog Post | Description |
|---|---|
| 4 Rules for Intuitive UX | This article outlines four essential rules for creating intuitive user experiences |
| ui.land - Nanda | An interview with Nanda, Engineer at Vercel, writes about computers and stuff @nan.fyi |
| 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 | 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. |
| 10 rules for crafting products that stand out | Princípios para criar produtos marcantes com foco em qualidade, craft e decisões conscientes. |