Here you will find lots of useful resources to me as a developer, everything from font pairing, to regex finding, to tailwind resources is here! If you have any suggestions feel free to suggest them in a comment!
Google webfonts helper
- Nice for getting data about various fonts, pairing them, finding backup fonts, etc.
Embedded google fonts
- Get one CSS file for a google font
Font style matcher
- Compare what fonts look like, test what two fonts look like on top of each other, and more.
Fontjoy - Generate font pairings
- Generate font pairings using deep learning
FontSpark | Discover Better Fonts
- Discover new fonts.
Mermaid live editor
- Make nice graphs using Mermaid
Tailwind play
- Work on tailwind stuff easily.
Regex tester
- Test, work on, share, and explain RegExp's easily.
Deviceshots
- Generate mockups for any device
Figma
- Design and mockups for anything.
[Web App Manifest Generator]
- Generate the manifest.json file,
<head>element code, and more for a beautiful, immersive PWA!
- Generate the manifest.json file,
Metatags.io
- Generate meta tags easily.
Smooth Shadow
- Create smooth CSS box-shadows with an interactive tool.
Animista - CSS Animations on Demand
- Create CSS animations easily.
pattern.css - Background Patterns in CSS
- Free CSS background patterns
Get Waves – Create SVG waves for your next design
- Generate SVG waves
Neumorphism/Soft UI CSS shadow generator
- Generate Neumorphic shadows easily
CSS scroll shadows
- Create CSS only scroll shadows for overflowing content.
Markdown Tables generator - TablesGenerator.com
- Generate markdown tables easily.
cURL to Fetch
- Convert cURL commands to fetch code.
Beautifier
- Beautify JavaScript, HTML, and CSS
JavaScript Minifier
- Minify JavaScript code
CommandLineFu
- Helpful one line bash commands.
bashoneliners.com
- More one line bash commands
JavaScript Snippets - 30 seconds of code
- Useful JavaScript snippets.
Appscope - Progressive Web Apps Examples
- Find PWAs that are helpful, useful and fun
Code search
- Quickly find an answer to any coding question you may have, based on stackoverflow answers.
Tools for better thinking | Untools
- Learn how to think
Sidebar | Dev articles every day
- Articles for developers.
OnDrop
- Share files with anyone nearby.
Deep JavaScript
- Deep JavaScript, a free online book about JavaScript
webgems.io
- Helpful web development resources.
Learn Git Branching
- Learn git branching and commands.
Squoosh Image Compressor
- Compress your images easily
Pipedream
- Connect APIs to your project easily.
Carbon | Create and share beautiful images of your source code
- Create beautiful images of your source code, useful for READMEs
colors.lol - Overly descriptive color palettes
- Color picker + comedy
Startup Ideas powered by OpenAI
- GPT-3 software idea generator (works amazingly well)
Top Hunts Time Machine
- Find top Producthunt items from any time
themer - css vars
- Create a theme for anything, your website, VSCode, wallpapers and more.
wasteof.money
- Dead simple social media which focuses on interaction.
Tailwind UI KIT – 250 components and templates for React, VueJS and Angular.
- Tailwind components
i Hate Regex - The Regex Cheat Sheet
- Regex library
Tailblocks — Ready-to-use Tailwind CSS blocks
- More tailwind blocks and components.
Artify's Figma Plugin - 5000+ Vector Illustrations for Figma
- Free art with generous copyright