This repo is mostly for my own personal use, but feel free to scour it as much as you want.
- 🌈 Color Palettes
- 🖼️ Stock Images
- 😃 Icons
- 🔠 Fonts
- 🖌️ Design Inspiration
- 🔻 Markdown Guides
- 📂 Placeholders
- ♻️ CSS Resets
- 🚀 API Collections
- 🤖 Regular Expression Guides
- ✔️ Check Browser Support
- 🐙 Resources for GitHub
- 💻 Resources for VSCode
- Coolors.Co - collection of palettes, gradients, and can take palettes from images
- Color Hunt - large palette collection
- uiGradients - large gradient collection
- Web Gradients - another large gradient collection
- Adobe Color - for use of the color wheel
- Color Supply - another color wheel
- MyColor.Space - to build palettes around a particular color
- Accessible Color Matrix - for making accessible color palettes
- HTML Color Codes - Color Names - get the name, hex, and rgb code for a color
- Encycolorpedia - a database for color names, web safe colors, and even an API
- Eye Dropper - Chrome extension to use an eye dropper on any webpage
- Transparent Textures - large collection of transparent textures, easy to search, customize, and preview
- bgfons - large collection of non-transparent images, scroll a few rows down to get away from ShutterStock
- Indieground - lots of textures and other resources, free and otherwise
- Material Design - provides basic understanding of what dark themes achieve and how to create them
- WebAIM - Contrast Checker - a lot of helpful resources here but the contrast checker is very useful
- Colorable - great for playing with colors and contrast
- Anthony Hobday - several resources but in particularly this visual design guide
- a11y Project - tons of resources and guides about other accessibility options
- Creative Commons - for images, sounds, videos, and more that's not under copyright
- Pexels - large, searchable collection
- Unsplash - another large, searchable collection
- Pixabay - another large, searchable collection
- FreePik - and another one, but requires an account for full access
- MorgueFile - and another one, be wary of ShutterStock ads trying to trick you
- PicJumbo - still watch for ads but this one has a dark mode feature
- Coverr - for when images and gifs just aren't enough
- Eyecandy - made to be an inspirational/design resource, but also has tons of GIFs
- Font Awesome - large collection, easy to use and add to your project
- Simple Icons - great for finding brands and branding colors
- React Icons - extremely large collection to use with React
- Icons8 - large collection, best when using just HTML
- Nucleo - comes with a web app you can use to customize icons, only 100 free options
- Iconicons - SVG icons, either to download or install in your project
- Feather Icons - SVG icons to download
- The Noun Project - you'll need an account, but lots of free SVG icons
- Material Icons - Google Fonts but icons
- SVG Path Editor - create SVG icons in an online open editor
- Inkscape - create more complex SVG icons in a program
- Affinity - more powerful than Inkscape but not free
- Snap.svg - JavaScript SVG library
- SVG.js - another JS SVG library
- d3 - and another but this one's just for data visualization
- Google Fonts - large, easy to use collection
- Font Library - same but more unique fonts
- Adobe Fonts - you have to sign up and get Creative Cloud but it's an option
- mapbox - upload your own fonts to an API, among other things
- Font Space
- daFont - make sure they're free first
- 1001 Fonts - the green price tag means they're free
- Indieground - lots of fonts and other resources, free and otherwise
- CodePen - Spark - weekly blog full of cool ideas, has a mailing list
- Designspiration
- abdz
- Awwwards
- Site Inspire
- Webdesign Inspiration
- Best Website Gallery
- Eyecandy
- Markdown Cheatsheet
- Markdown Emojis
- StackEdit - online markdown editor with live previews
- Boring Avatars - generate avatars as gradients
- UI Avatars - generate avatars as initials
- Lorem Ipsum - generates Lorem Ipsum text, can also be created in VSCode by typing
lorem - Bacon Ipsum - Lorem Ipsum text but funnier
- The Meyer Reset
- Normalize.css - browser supported CSS remains unedited
- Vanilla CSS Un-Reset - intended to be a base stylesheet for you to edit
- Post-CSS Normalize - installed style that works based on current browser
- uniqid - generate unique hexatridecimal ID strings
- Pokemon API - just Pokemon names
- PokeAPI - but if you want more than just names...
- Public APIs - a collection
- Public APIs - a different collection
- MDN
- MDN Cheat Sheet
- Cheatography - easy to search cheat sheet
- QuickRef.ME - another that's easy to search but includes different languages
- Can I Use - searchable database for basically every feature
- Accessibility Support - the same but just for accessibility features
- Shields - small icons for README files that show commits, versions, and more
- Badges - premade icons with Shields, has programs, languages, and more
- Readme Stats - personal stats for your profile's README
- Emmet Cheat Sheet - quick ways to use Emmet
- Code Spell Checker
- Fira Code - font for your code
- Tokyo Night - it's just my favorite theme
- Discord Rich Presence - show you working in VSCode as activity in Discord