Top 56 Design Resources For Developers - Dev Resources
- Adrian Twarog - I'm Adrian from Australia, a designer and developer who makes websites and apps using platforms like React Native. I'm hoping to share some of the things I've learnt over the years about my career and hobbies for coding, user interface and experience! Some of the things we will cover will include: - Development for React, React Native, Javascript, HTML, CSS, etc - Small changes to improve UI & UX, like the use of colour, positioning and size - Large changes like websites or apps, like entire re-designs - Techniques on creating style-guides - Reviews of existing businesses online presence and tips on improving them. #coding #programming #ui #ux #webdevelopment #development #react #reactnative #design #userexperience #userinterface.
- Awwwards - Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.
- Balsamiq - Balsamiq is the company behind Balsamiq Wireframes, the industry standard low-fidelity wireframing tool.
- Canva - Canva is a graphic design platform, used to create social media graphics, presentations, posters, documents and other visual content.
- Checklist Design - Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
- Compare pixels - Use this tool to quickly check differences between design mockups and the live website.
- Dark - The best hand-picked dark themed websites on the internet.
- Design Resources - A curated list of the best design resources handpicked from around the web.
- Design System Cookbooks - Comprehensive resources for creating, organizing, and implementing effective digital design recipes.
- DesignCourse - New videos weekly from Monday to Thursday @ 10:30 AM ET! Hi, I'm Gary. I've created close to 100 courses from graphic design to advanced frontend development. I've worked with Envato Network's TutsPlus.com, DigitalTutors.com, Pluralsight.com, LinkedIn Learning & Lynda.com. I teach full stack development! Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic Design and more! Interested in a sponsorship opportunity or review? Contact me: contact@coursetro.com.
- Designjoy - The #1 unlimited product design subscription service for agencies, startups, and entrepreneurs.
- Dribbble - Dribbble is where designers gain inspiration, feedback, community, and jobs and is your best resource to discover and connect with designers worldwide.
- Eagle App - Unify your creative inspiration in one place. Store anything – inspiring images, design mockups, illustrations, screenshots and more.
- ecomm.design - Browse the most complete and up-to-date gallery for fantastic ecommerce websites design inspiration and the best ecommerce solutions and marketing tools.
- Enhance UI - Learn Design for Developers wanting to know UI, UX and more.
- Enveloop - Design, host, and send emails and texts. All from one place - with a simple API.
- Figma - Build better products as a team. Design, prototype, and gather feedback all in one place with Figma.
- FigmaCrush - FigmaCrush is a curated collection of Figma resources: UI kits, icons, website templates and all sorts of freebies created and shared by the Figma community.
- Framer - Start your website with AI and design on a familiar canvas. Add animations, interactions and a CMS. Optimize for every breakpoint — no code needed and publish for free.
- Godly - Godly is a curation of the best web design inspiration, every day. Browse the best e-commerce websites, portfolio websites, animation websites and more.
- Hack Design - An easy to follow design course for people who do amazing things. Receive a design lesson in your inbox each week, hand crafted by a design pro. Learn at your own pace, and apply it to your real life work – no fake projects here.
- Land-book - Design gallery with the best and most carefully collected websites. We help creatives find inspiration & motivation to do rad stuff.
- Lapa Ninja - The best landing page design inspiration from around the web. Lapa Ninja is created to help designers find inspiration, learn and improve design skills. The contents are selected from the best designs, and daily updated.
- Learn UI Design - Learn UI Design is a full-length online course on user interface and web design: color, typography, layout, design process, and more. Includes downloadable resources, homework, and a student community.
- Learn UX Design - Learn UX Design is a full-length online video course on user experience design covering interaction design, user research, usability testing, and more. Includes downloadable resources, homework, and a student community.
- Mobbin - Check out the hand-picked collection of latest mobile design patterns from apps that reflect the best in design.
- MonsterONE - MonsterONE offers access to 420K+ premium digital items like web themes, templates, graphics, and more—all with a single subscription. Pay once, access all!
- One Page Love - One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.
- Photo Rush - Generate professional images of products with AI. Save money and use AI to do a photo shoot from your laptop or phone instead of hiring an expensive photographer.Get your product images in minutes
- Photopea - Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures.
- ProtoUI - ProtoUI generates responsive TailwindCSS code + UI in seconds.
- Pttrns - Check out the finest collection of design patterns, resources, mobile apps and inspiration.
- QoQo AI - QoQo.ai helps Product Designers and UX Researchers overcome limited resources for research by providing quick and efficient access to research insights.
- Radix - Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.
- Realtime Colors - Visualize your colors and fonts on a real website.
- Refactoring UI - Tired of relying on Bootstrap? Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
- Refero - The biggest collection of design references from great web applications. Refero make design research easier and faster than ever before. Explore over then 8,000 pages and 40,000 searchable screens of the best of product design from real life.
- Rupert AI - Rupert AI envisions a world where marketing is not just about reaching audiences but engaging them in the most personalized and effective way.
- SaaS Design - For developers looking to create user-friendly designs in Figma: Free & open source Figma templates and UI kits to help kickstart your next project.
- Shift Nudge - Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background. Perfect for those wanting to enter or advance in the field.
- siteInspire - A CSS gallery and showcase of the best web design inspiration, featuring over 2,500 websites searchable by type, subject, and style.
- SiteSee - A curated gallery of beautiful, modern websites meant to inspire web developers and designers.
- Skelementor - The largest ready-to-use, free Elementor component library
- Sketch - Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
- Templated - Automate your images and PDFs with a simple API. Generate social media visuals, banners, PDFs and more with our API and no-code integrations.
- The Component Gallery - The Component Gallery is a collection of components from the best design systems.
- TOOOLS.design - A growing archive of 1,500+ design resources, frequently updated for the community.
- UI Design Daily - Weekly FREE UI resources straight to your inbox.
- UI Design for Developers - Learn just enough visual design to be dangerous as a developer.
- UI HUT - Download thousands of templates, illustrations, icons, and ui design kits for web and mobile app design without paying designer prices.
- UI Movement - Only the best mobile and web UI design inspiration, right in your inbox.
- Visily - Visily leverages AI to generate stunning app wireframes and prototypes from various inputs such as text prompts, hand-drawn sketches, and screenshots of existing applications or websites.
- Web Design Inspiration - Visit the #1 Inspiration Gallery. Everyday, we help Webdesigners, Agencies and Entrepreneurs to be inspired for their next web design project.
- Webframe - A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱.
- Websitevice - Website design examples to get inspiration for business, real estate, product, agency, education, ecommerce, personal and more
- Zensite Subscription - Design subscription service providing unlimited design request for SAAS companies
Design
Shipfast
Templates/Website BuilderShip your startup in days, not weeks. The Next.js boilerplate with all you need to build your SaaS, AI tool, or any other web app and make your first $ online fast.
Rupert AI
Design/Image/ProductivityRupert AI envisions a world where marketing is not just about reaching audiences but engaging them in the most personalized and effective way.
Photopea
Design/UI/TemplatePhotopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures.
QoQo AI
AI/Design/UXQoQo.ai helps Product Designers and UX Researchers overcome limited resources for research by providing quick and efficient access to research insights.
TOOOLS.design
Accessibility/Design/BlogA growing archive of 1,500+ design resources, frequently updated for the community.
ProtoUI
AI/Design/Code GeneratorProtoUI generates responsive TailwindCSS code + UI in seconds.
MonsterONE
Design/Marketing/TemplateMonsterONE offers access to 420K+ premium digital items like web themes, templates, graphics, and more—all with a single subscription. Pay once, access all!
Websitevice
Design/Inspiration/UIWebsite design examples to get inspiration for business, real estate, product, agency, education, ecommerce, personal and more.
Radix
Icon/UI/Design/ColorComponents, icons, and colors for building high‑quality, accessible UI. Free and open-source.
Skelementor
Template/UI/DesignThe largest ready-to-use, free Elementor component library.
Templated
Editor/Design/MarketingAutomate your images and PDFs with a simple API. Generate social media visuals, banners, PDFs and more with our API and no-code integrations.
Enveloop
Email/DesignDesign, host, and send emails and texts. All from one place - with a simple API.
Realtime Colors
Color/DesignVisualize your colors and fonts on a real website.
Design System Cookbooks
Design/UIComprehensive resources for creating, organizing, and implementing effective digital design recipes.
Dark
Design/UIThe best hand-picked dark themed websites on the internet.
Photo Rush
AI/Image/DesignGenerate professional images of products with AI. Save money and use AI to do a photo shoot from your laptop or phone instead of hiring an expensive photographer.Get your product images in minutes.
Zensite Subscription
DesignDesign subscription service providing unlimited design request for SAAS companies.
Framer
Design/Prototyping/UI/Website BuilderStart your website with AI and design on a familiar canvas. Add animations, interactions and a CMS. Optimize for every breakpoint — no code needed and publish for free.
Visily
UI/UX/Design/Prototyping/AIVisily leverages AI to generate stunning app wireframes and prototypes from various inputs such as text prompts, hand-drawn sketches, and screenshots of existing applications or websites.
The Component Gallery
Design/Inspiration/UIThe Component Gallery is a collection of components from the best design systems.
Godly
Design/Inspiration/UIGodly is a curation of the best web design inspiration, every day. Browse the best e-commerce websites, portfolio websites, animation websites and more.
