If you have any suggestions or ideas for me to incorporate into this file, you can check our contribution guidelines, as they indicate how you could give me a hand with this site's content. Please, be as specific as possible, because there are numerous sections and chapters around!
Considering that it's never easy to establish clear divisions delimitating the nature of the resources I'm proposing here, I decided to focus on the following topics:
- Roadmaps.
- Assets (free, images, sprites, SVGs, icons...).
- APIs.
- Inspiration.
- Notes & Snippets.
- Stay tuned (news & insights).
- Tools.
- UI.
Similarly I'll include illustrations allowing you to check if that's the style fitting your needs, as it might help make the decision of using certain assets easier for you!
- 🧭 Roadmaps
- 🎨 Assets
- 🔄 APIs
- 💡 Inspiration
- 📝 Notes & Snippets
- 📡 Stay tuned
- 🔧 Tools
- 🖥️ UI
- 🏛 License
roadmap.sh is a community-driven website that provides roadmaps, guides, and educational content to help developers navigate and progress in their careers. It offers role-based roadmaps, skill-based roadmaps, best practices, guides, and videos, covering various domains such as:
- frontend development,
- backend development,
- DevOps,
- data science,
- and more!
Some of the most creative illustrations I can think of these days. Although most of them are free, it is also possible to join a membership plan in order to support and show some love to her creator, Diana. By doing so, you will receive new artwork regularly!
Charco is a curated list of high-quality design resources including free and premium icons, illustrations, UI/UX kits, graphics, templates, and more. This studio will provide you with a really great amount of amazing content!
Are you looking for hand-drawn 2D & 3D illustrations, icons and animations? DrawKit is going to be perfect for your next project, then!
Glaze aims at delivering free illustrations, for everything - and they managed to achieve that goal pretty much well! Memorable products, brands, and presentations start with their curated royalty-free illustration library.
What I love the most about Humaaans is that, as a free library to mix-&-match illustrations of people, it allows you to customize their positions, clothing, colors, and hairstyle. You can add scenes and use the power of libraries to make it your own. Simply fantastic!
A library of sketchy illustrations of people free for personal and commercial use, Open Doodles embraces the idea of Open Design. You can copy, edit, remix, share, or redraw these images for any purpose without restriction under copyright or database law. Customization at its finest!
Ouch! pics is a project of Icons8 dedicated to free vector illustrations for user interface. With tons of trendy and stunning artworks that match each other perfectly and make your work look professional, Ouch helps creators who don't draw overcome the lack of quality graphics. Deeply appreciated!
Free-usable, hand-drawn illustrations brought to you by a growing community of aspiring creatives. It's fantastic to find platforms like this one, where human-made art are greatly appreciated and promoted. The style, if you ask me, is simply neat. Totally worth a try!
Launched in 2017 with the simple goal to show that designers should contribute to the open-source community, unDraw allows you to create better designed websites, products and applications thanks to customizable images that fit your messaging. Use them as a normal image, embedded code, or directly in your design!
| Website | Description |
|---|---|
| Public APIs | A collective list of free APIs for use in software and web development! 🎉 |
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world. An incredible way of celebrating the best of web design!
The world's largest creative network for showcasing and discovering creative work.
Daily inspiration collected from daily ui challenge and beyond. Based on Dribbble shots - and hand picked.
Get inspired by the work of millions of top-rated designers & agencies around the world.
High quality design resources for free. Crafted with love from amazing artists and professional designers around the world, ranging from fonts, mockups, graphics, templates & more.
The world's largest mobile and web design library! Save hours of UI & UX research with our library of 300,000+ screens from the world's best designed apps.
Muzli is a new-tab browser extension that instantly delivers relevant design stories and inspiration to keep you in the loop.
Discover the best 780 landing page examples created by top-class SaaS companies and get ideas and inspiration for your next design project!
Carbon is the easiest way to create and share beautiful images of your source code!
Snappify, which happens to be a great tool, comes with 6 predefined styles to create aesthetic snapshots of your code without the need to spend hours of styling!
Simple, clean, and intuitive, Ray.so, allows you to choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window when creating images of your code.
Notion defies traditional categorization. Rather than being several tools bundled together, it's really one big, endlessly customizable digital space that has readymade templates to make it easier to create documents, plan work, track and manage projects, create knowledge bases and structure notes.
Obsidian is a personal knowledge base and note-taking software application that operates on Markdown files. It allows users to make internal links for notes and then to visualize the connections as a graph.
| Website | Description |
|---|---|
| Bytes | Your weekly dose of JS! Staying informed on the JavaScript ecosystem has never been so entertaining. Delivered every Monday and Thursday, for free. |
| console | A weekly digest of the best developer tools. |
| cssweekly | Weekly e-mail roundup of CSS articles, tutorials, experiments, and tools. |
| Frontend Focus | A once–weekly roundup of the best front-end news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more. |
| GitHub Resources | GitHub's developer newsletter. Get tips, technical guides, and best practices. Twice a month. Right in your inbox. |
| React Newsletter | Stay up to date on the latest React news, tutorials, resources, and more. Delivered every Tuesday, for free. |
| Website | Description |
|---|---|
| AIFINDY | The largest database and search engine for artificial intelligence tools; you can search and filter any AI application here! |
| Codemate.bot | An AI coding assistant that helps developers streamline coding via AI suggestions, debugging, and code reviews. |
| Python Tutor | Python Tutor helps you do programming homework assignments in Python, Java, C, C++, and JavaScript. It contains a unique step-by-step visual debugger and AI tutor to help you understand and debug code. |
An interactive online platform designed to bring algorithms to life through visualization. Whether you're a student, teacher, or professional, this platform provides an engaging way to explore and understand various algorithms!
Randoma11y offers a tool allowing you to get random, accessible color combinations. Such ideas are more than necessary, so please, do not hesitate to give it a try and show some love and support!
One of the best & instant Color schemes generator tool online that give us a best experience of choosing color combination of creative projects. Different themes are included, too!
| Website | Description |
|---|---|
| CSS Gradient | As a curated list of the best gradient websites across the internet, Gradient Backgrounds allows you to explore, try and choose from hundreds of beautiful blended color palettes. |
| Get Waves | Make some waves! |
| Haikei | Haikei is a web app to generate stunning visual content – ready to use with your design tools and workflow. |
| Magic Pattern | Create unique graphics for social media posts, landing pages, and branding in a few clicks. Then export them as images, or even code (SVG & CSS). |
| Neumorphism | Generate Soft-UI CSS code. |
| Pattern Monster | A simple online pattern generator to create repeatable SVG patterns. |
| Super Designer | A collection of free design tools to create unique backgrounds, patterns, shapes, images, and more with just a few clicks. |
| Visiwig | Customize seamless patterns and export for the web or your favorite vector software. |
An online editor to help developers make READMEs for their projects. An amazingly great tool!
A collection of resources for developers, categorized and crowdsourced. Learn programming, UI inspiration, job boards, images, icons and much more! Similarly to this repository, you can contribute by adding resources here.
| Website | Description |
|---|---|
| Material Web | Material web components is a UI toolkit to build customizable and accessible web applications; Material 3 is the latest version of Google's open-source design system. Check their official web component set here! |
| Tailframes | Tailframes is your go-to UI kit crafted to streamline and elevate the web application development experience with Tailwind CSS. Explore a visually stunning collection of web components: - Built with Tailwind. - Ready for HTML and React. - With complete blocks available! |
| Toools Design | Discover highly useful Design Resources & Tools thanks to a growing archive of 1,500+ design resources, frequently updated for the community! |
| TuiCSS | Are you a nostalgic? TuiCss is a library focused on creating web applications using an interface based on ASCII tables, reminiscent of old MS-DOS applications. |
| UIverse | Open-Source UI elements for any project. Create, share, and use beautiful custom elements made with CSS or Tailwind! |
My words, will, and energy left after gathering all this information belong to me only, but I do not own any specific website listed here. Please refer to the sites themselves to fully understand the peculiarities of their copyright, and don't forget to always mention the original sources and authors you're including in your work.
As for the rest, thank you kindly for your patience and time! Oh, and remember that if you found this helpful in any way, you can make a Dinosaur extremely happy, so please...
