Star this Repo My-Resources

This is a list of the websites I use on a daily bases. I made this list so I can share with fellow developers I hope you enjoy. I Try to look for as many free stuff as possible to help people out. There are lots of stuff you can pay for also thats not too expensive. I will also be updating this repo Daily.

Made and collected by Owencodes!

Adding Jobs + Freelancing sections soon to the list

Table of Context

Useful-Sites

For checking responsiveness on all devices http://ami.responsivedesign.is/

Github docs https://docs.gitlab.com/"

Figma https://www.figma.com/ ( For UI and UX design )

Git Lab https://about.gitlab.com/ ( For learning how to use github )

Brilliant a great learning site https://brilliant.org/courses/ ( For full benifits pay 10 per month )

Notion A task managment software https://www.notion.so/desktop

Project managment site https://trello.com/

Shortcut like trello on steroids https://app.shortcut.com/ /

Gamge development https://learn.unity.com/"> ( for beginners )

Mobaxterm Server file viewer https://mobaxterm.mobatek.net

A random word picker if you cant make up your mind on a name or project https://wheelofnames.com/

More explinations for code https://www.w3schools.com/

Another learning platform https://www.udacity.com/

A coding game https://www.codingame.com/start

For designers to post their art work https://www.deviantart.com/

Check if a website is safe or not https://www.virustotal.com/gui/home/upload

Golang https://go.dev/

art portraits for your avatar or real picture https://covatar.com/

For Buisness style vectors https://undraw.co/illustrations

For Buisness style vectors https://www.freepik.com/vectors/business

For Buisness style vectors https://www.streamlinehq.com/illustrations/milano

Herkou Alternative https://www.netlify.com/

Heroku Alternative https://fly.io/

Heroku Alternative https://www.deta.sh/

Herkou Alternative https://qoddi.com/

Herkou Alternative https://www.cyclic.sh/

Hosting Platform for node js sites https://vercel.com/home

A color picker https://colorpicker.fr/

A Free Logo Maker https://www.namecheap.com/logo-maker/

Favicon Generator https://favicon.io/

Another Favicon Generator https://realfavicongenerator.net/

Flaticon https://www.flaticon.com/

More Templates https://material.io/

Pomodoro study app https://app.solidtime.io/

Study helper app https://astrostation.me/

Dev news page for tech stuff https://app.daily.dev/

Free patterns https://www.toptal.com/designers/subtlepatterns/

Free imageshttps://www.pexels.com/

Free images https://unsplash.com/

Free images https://pixabay.com/

Free images https://www.splitshire.com/

Free Stock videos https://coverr.co/

Free Stock videos https://www.videezy.com/

Free Stock videos https://www.lifeofvids.com/

Free Stock videos https://www.videvo.net/stock-video-footage/

Free Stock videos https://sproutvideo.com/

Free Stock Images https://www.stockvault.net/

Free Stock Images https://picjumbo.com/

Free Images https://www.freeimages.com/

Free Images https://www.pikwizard.com/

Free Images https://stocksnap.io/

Free stock music https://www.free-stock-music.com/

Copyright free music for streaming + YT copy right free : https://www.soundstripe.com

Free music https://www.bensound.com/

Free stock music https://mixkit.co/free-stock-music/

Free music https://freemusicarchive.org/

Free vector art https://www.vecteezy.com/

Free images https://www.freepik.com/

Free images https://www.freevectors.net/

Free images https://pngtree.com/free-vectors

Free images https://www.vector4free.com/

Free images https://lukaszadam.com/

Free images https://illlustrations.co/

Free images https://clipartkind.com/

Free images https://www.svgrepo.com/AA

Free images https://growwwkit.com/illustrations/phonies

Free images https://trianglify.io/

Free images https://www.hiclipart.com/

Free images https://storyset.com/

Free images https://www.blackillustrations.com/

Free images https://delesign.com/free-designs/graphics/

Free images https://www.shapedivider.app/

Free images https://smart.servier.com/

Free images svg https://svgwave.in/

Free images https://www.heritagetype.com/pages/free-vintage-illustrations

Free images https://robohash.org/

Free images https://tabbied.com/

Free images https://app.haikei.app/

Free laravel svg packages https://laravel-news.com/laravel-blade-svg-directive

Streaming-Stuff

Twitch alerts & Streaming https://streamelements.com/

Copyright Free music for streaming youtube etc https://www.soundstripe.com/ 10/month

Stream Bitrate Set up for OBS https://blog.mobcrush.com/how-to-choose-the-right-bitrate-for-your-stream-9864ce322a9b

For OBS Green Screen https://github.com/nhtua/greencam/ + https://github.com/nhtua/greencam/blob/main/docs/the-easiest-way-to-use-greencam.md

Stream Parrot https://streamparrot.com/ ( this is a custom chat overlay for twitch )

For Obs stuff https://github.com/bozbez/win-capture-audio/releases/ watch this video to learn how to seperate audio https://www.youtube.com/watch?v=aOrAsQgJvtQ&ab_channel=GamingCareers

Obs add blur effect https://getonstream.com/how-to-add-a-blur-to-obs/

For testing your streams fps https://inspector.twitch.tv/

Learn how to stream : https://streamersquare.com/courses/

Web-Dev-stuff

A Road map site https://roadmap.sh/

Udemy https://www.udemy.com/ ( A place you can buy cheap course for life )

Dev.to https://dev.to/ ( A good place to search for projects )

Laracast https://laracasts.com/ ( A Learning site for laravel )

Vue Mastery https://www.vuemastery.com/ ( A free learning site for learning Vue js )

Code Accademy https://www.codecademy.com/ ( subscription paid learning )

Team Treehouse https://teamtreehouse.com/ ( A Monthly Subscription for learning to code )

Coder dojo Full Stack boot camp in 14 weeks https://www.codingdojo.com/online-coding-bootcamp-full-time

For learning javascript effects https://threejs.org/

For web hosting https://www.bluehost.com/web-hosting/signup

Finding code explinations https://developer.mozilla.org/

A bunch of random projects https://www.programcreek.com/

A Web3 learning site https://buildspace.so/

For dummy images https://placeimg.com/

Just some Docs https://devdocs.io/

Useful place holder images for mock up sites illustrations https://undraw.co/

For color Gradients https://www.grabient.com

Check list for frontend stuff https://frontendchecklist.io/

Template read me site for all your github readme https://readme.so/

Npm name guesser game https://npmpm.com/game

Website components https://uiverse.io/

For Learning php full stack https://laracasts.com/path

NPM-Packages

Particles site https://vincentgarreau.com/particles.js/

Particlesjs https://github.com/matteobruni/tsparticles/tree/main/components/react

Particlesjs JSon https://particles.js.org/

Figlet package https://www.npmjs.com/package/figlet for terminal stuff

Tilt package https://www.npmjs.com/package/matrix-rain

Matrix package https://www.npmjs.com/package/matrix-rain

Online-Editors

For learning tailwindCSS https://play.tailwindcss.com/

Replit a online Browser text editor https://replit.com/

Codeply HTML - CSS & Js Editor https://www.codeply.com/

Code Sand box A browser text editor https://codesandbox.io/

Code pen another browser playground https://codepen.io/

A playground for practicing js https://jsbin.com/

A easy paste bin for code https://pastebin.com/

Learning-Exercises

For practicing your code https://www.hackerrank.com/

A Compeditive way to learn code with challeneges https://www.codewars.com/

Another website for learning js https://www.learn-js.org/

Algo expert for practing job interview questiions https://www.algoexpert.io/

For Practicing code https://leetcode.com/

Another Practice Site https://www.sololearn.com/home

Free code camp https://www.freecodecamp.org/

CodeSignal https://app.codesignal.com/

Frontend mentor https://www.frontendmentor.io/challenges

HTML-Stuff

Html image stuff https://htmlreference.io/element/source/

More explinations for code https://www.w3schools.com/

A HTML Learning Site https://htmlg.com/html-editor/

The Odin project ( A free Website learning course ) https://www.theodinproject.com/

Learn html css and js https://frontendmasters.com/bootcamp/

Free templates for all frame works https://www.creative-tim.com/

CSS-Stuff

A color picker https://colorpicker.fr/

CSS Tailwind CSS https://tailwindcss.com/

Css Tricks https://css-tricks.com/

Some CSS reources https://medium.com/level-up-web/100-css-resources-for-web-designers-and-developers-c060bed7a362

More resources https://www.smashingmagazine.com/2006/09/list-of-css-tools

Css angles https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms/

CSS Shapes https://bennettfeely.com/clippy/

CSS Gradient https://cssgradient.io/

CSS BUTTON Generator https://www.bestcssbuttongenerator.com/

CSS Hex Color Picker https://hexcolorcodes.org/

CSS Image color picker https://image-color.com/

CSS Grid https://grid.malven.co/

CSS Grid https://css-tricks.com/snippets/css/complete-guide-grid/

CSS Animate https://animate.style/

CSS magic https://www.minimamente.com/project/magic/

CSS Shake https://elrumordelaluz.github.io/csshake/

CSS Zdog https://zzz.dog/

CSS Hover https://ianlunn.github.io/Hover/

CSS Hamburgers https://jonsuh.com/hamburgers/

CSS Generators https://denic.hashnode.dev/css-generators

CSS Shadows https://shadows.brumm.af/

CSS Soft UI https://neumorphism.io/#e0e0e0

A CSS battle game https://cssbattle.dev/

A CSS Glitch Effect >https://freefrontend.com/css-text-glitch-effects/

A Code pen glitch effect https://codepen.io/cipherbeta/pen/YLdVjw

Grid notes https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

Css Glitch effect https://css-tricks.com/glitch-effect-text-images-svg/

CSS Type Wrighter effect https://css-tricks.com/snippets/css/typewriter-effect/

Javascript-Stuff

Slide show in js https://www.c-sharpcorner.com/article/creating-an-image-slider-using-javascript-html-and-css-only/

High Proformance animations https://greensock.com/

Nice js animations https://github.com/alexfoxy/lax.js

Relax js https://github.com/dixonandmoe/rellax

ThreeJS https://threejs.org/ ( 3D library for js )

ThreeJS Journey https://threejs-journey.com/#

Wow js https://wowjs.uk/

Animate on scroll https://michalsnik.github.io/aos/

Tilt js https://gijsroge.github.io/tilt.js/

Annotate js https://roughnotation.com/

Particles js https://vincentgarreau.com/particles.js/

Mojs Mojs https://mojs.github.io/

Light box js https://lokeshdhakar.com/projects/lightbox2/

Another slide show effect https://kenwheeler.github.io/slick/

Barba js https://barba.js.org/

Locomotive js https://locomotivemtl.github.io/locomotive-scroll/

Owl https://owlcarousel2.github.io/OwlCarousel2/

Swipe cards js https://swiperjs.com/

Splide js https://splidejs.com/

Parallax js https://simpleparallax.com/

Kute js https://thednp.github.io/kute.js/

granim js https://sarcadass.github.io/granim.js/index.html

Popmotion js https://popmotion.io/

Vivus js https://maxwellito.github.io/vivus/

Typed js https://mattboldt.com/demos/typed-js/

Progress bar js https://kimmobrunfeldt.github.io/progressbar.js/

Js Game Libraries https://github.com/collections/javascript-game-engines

thejsway chapter-06 https://github.com/thejsway/thejsway/blob/master/manuscript/chapter06.md

thejsway chapter-07 https://github.com/thejsway/thejsway/blob/master/manuscript/chapter07.md

Array Methods https://javascript.info/array-methods

30 Day Vanilla JS Coding Challenge https://javascript30.com/

Interiajs https://inertiajs.com/

Jeststream Laravel https://jetstream.laravel.com/introduction.html

livewire https://livewire.laravel.com/

Ui-Components

Tailwind Components https://tailwindui.com/

Creative tim Components https://www.creative-tim.com

TailGrids Components https://tailgrids.com/

Flowbite components https://flowbite.com/blocks/

Material Tailwind https://www.material-tailwind.com/

Prime UI for vue https://primevue.org/

Headless Ui https://headlessui.com/

Ai-Stuff

Ai text generator https://chat.openai.com/

Ai text generator https://www.copy.ai/

Ai Art Generator https://www.midjourney.com/

Ai Art Paid Generator https://www.facetuneapp.com/

Ai humanizer generator https://www.kipper.ai/

Ai Lecture recorder and note taker https://unstuckstudy.com/

Ai Resume / cv generator https://resuai.io/

Other-Stuff

Best free Sources https://factual-bestseller-9e9.notion.site/Best-Free-Source-Websites-List-Ever-52b743defb9f4beda21d5d02f6f92c1c

Promtps + Resources https://enchanting-trader-463.notion.site/Full-ChatGPT-Prompts-Resources-8aa78bb226b7467ab59b70d2b27042e9

A Handy read me profile generator for your github profile page https://rahuldkjain.github.io/gh-profile-readme-generator/

Learn more about commit messages https://gist.github.com/robertpainsi/b632364184e70900af4ab688decf6f53

How to write better commits https://www.freecodecamp.org/news/how-to-write-better-git-commit-messages/

learn how discord bots work https://www.writebots.com/

A free photo editor https://www.inpixio.com/free-photo-editor/

Anijs https://anijs.github.io/

Sequenece js https://www.sequencejs.com/

Motion Ui https://zurb.com/playground/motion-ui

Keyframes app https://keyframes.app/

SVG https://svgartista.net/

Jh3y https://github.com/jh3y/whirl

AnimXYZ https://animxyz.com/

For avoiding discord art scammers lol -> https://www.canva.com/

For Ai Generated thumbnails https://thumbnailtest.com/ (Monthly Paments )

A Tool to Auto Upload your videos https://clipbot.tv/ (Monthly Paments )

Cyber-Security

Null Byte also on youtube great tutorials https://null-byte.wonderhowto.com/

If you want to learn the basics of I.T https://tryhackme.com ( For full benifits pay 10 per month )

For more advanced hacking https://app.hackthebox.eu/

For bugbounty hiring https://hackerone.com/

Black Arch Linux Distro https://blackarch.org/

Hack this site https://www.hackthissite.org/

A list of Hackers and twitch streamers https://hacklistx.github.io/

Info sec hack list https://infosecstreams.github.io/

More hacking resources https://inventory.raw.pm/resources.html

Hacking Challenges https://potatopla.net/crypto/