
Jason Voorhees
𝕯𝖝𝕯 𝖈𝖗𝖊𝖜 𝕵𝖊𝖘𝖙𝖊𝖗
- Joined
- May 15, 2020
- Posts
- 61,424
- Reputation
- 172,686
Someone asked me this in the dms and thr message got too long so I taught i might as well make a thread about it. So here it is. I dont do much coding now but I did do a lot in my college and here are the websites that made my life easier.
Design & Ul Inspiration
I was and still am terrible at UX/UI design. They never taught us how to make a website look pretty, engaging and match the vibe of the product and there are people way more creative and artistic than you and me so instead of breaking your head over all this you can just go over to these websites for inspiration and copy them since actual artists and designer s make them. Just search for stuff like landing pages, dashboards, app screens and copy them.
dribbble.com
pageflows.com
mobbin.com
Developer Tools & Code Snippets:
Instead of wasting time on writing boilerplate code from scratch. I copy them fro. These websites. These tools give you clean reusable snippets that you can plug into your own codebase.
codepen.io
dev.to
APIs & Public Data
If you need live data like weather, currency, quotes, jokes or even Al chatbot of some kind. There's no reason to build it. You plug in a free API and move on with these websites
rapidapi.com
public-apis.io
Ul Component Libraries
If you're not a designer use prebuilt UI kits. These make your app look polished out of the box. Some of my favorite ones are
mui.com
Productivity & Workflow Boosters
Small tools that quietly make your workflow 10x smoother. Whether it's better docs or saving you from repetitive typing - they help in agile development
readme.so
https://coolors.co/ - Always use this for my backgrounds
prettier.io
Testing & Debugging Tools
In real world projects you don't always have a backend or real data while building these tools simulate it. They're perfect for frontend devs who want to get moving
https://www.postman.com/ -Industry Standard
mockaroo.com
Icons, Fonts & Illustrations
Again to reiterate I am terrible at these kind of things so I just directly import the icon packs, fonts and vectors to make my life easier
fontawesome.com
undraw.co
That is it. Let me know if I should make another guide for AI tools that even normal people who arent developers can benefit from.
Design & Ul Inspiration
I was and still am terrible at UX/UI design. They never taught us how to make a website look pretty, engaging and match the vibe of the product and there are people way more creative and artistic than you and me so instead of breaking your head over all this you can just go over to these websites for inspiration and copy them since actual artists and designer s make them. Just search for stuff like landing pages, dashboards, app screens and copy them.
Dribbble - Discover the World’s Top Designers & Creative Professionals
Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.
Web Design Inspiration & Creative UI Patterns – Page Flows
Find web design inspiration and UI patterns to create stunning, user-friendly websites. Explore ideas that enhance usability and improve the user experience.


Mobbin — UI & UX design inspiration for mobile & web apps
Save hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.
Developer Tools & Code Snippets:
Instead of wasting time on writing boilerplate code from scratch. I copy them fro. These websites. These tools give you clean reusable snippets that you can plug into your own codebase.

CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.

DEV Community
A space to discuss and keep up software development and manage your software career

APIs & Public Data
If you need live data like weather, currency, quotes, jokes or even Al chatbot of some kind. There's no reason to build it. You plug in a free API and move on with these websites
Rapid API Marketplace & Management Tools
Discover Rapid's API Marketplace for easy API monetization and better API management. Learn about API testing tools and monetize your APIs effortlessly.

Public APIs — A Directory of Free Public & Open Rest APIs
A collective list of more than 1000 Free Public and Open REST APIs for developers like movie APIs, Anime APIs, weather APIs, music APIs, games and comics APIs, currency APIs, sports APIs, science APIs, open data APIs, etc.
Ul Component Libraries
If you're not a designer use prebuilt UI kits. These make your app look polished out of the box. Some of my favorite ones are

MUI: The React component library you always wanted
MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.

Productivity & Workflow Boosters
Small tools that quietly make your workflow 10x smoother. Whether it's better docs or saving you from repetitive typing - they help in agile development

readme.so
Use readme.so's markdown editor and templates to easily create a ReadMe for your projects
https://coolors.co/ - Always use this for my backgrounds
Prettier

Testing & Debugging Tools
In real world projects you don't always have a backend or real data while building these tools simulate it. They're perfect for frontend devs who want to get moving
https://www.postman.com/ -Industry Standard
Reqres - A hosted REST-API ready to respond to your AJAX requests
A hosted REST-API ready to respond to your AJAX requests
reqres.in
Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel
A free test data generator and API mocking tool - Mockaroo lets you create custom CSV, JSON, SQL, and Excel datasets to test and demo your software.
Icons, Fonts & Illustrations
Again to reiterate I am terrible at these kind of things so I just directly import the icon packs, fonts and vectors to make my life easier


Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

Illustrations | unDraw
Browse the complete unDraw collection of open-source illustrations. Find and customize the perfect illustration for your next project or website.

That is it. Let me know if I should make another guide for AI tools that even normal people who arent developers can benefit from.
Last edited: