Collection of interesting & awesome random stuff I find on the World Wide Web.
- Tailwind Ink | AI color palette generator for Tailwindcss - A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.
- Radix Icons - A crisp set of 15×15 icons designed by the Modulz team.
- Search for royalty free music by Kevin MacLeod - 100% ROYALTY-free music: ✓ Free of charge for all ✓ Youtube videos ✓ Online advertising ✓ Product films ✓ Company films ✓ Websites ✓ Download without registration and use immediately!
- Brands Companies - SVG Logos
- i Hate Regex - The Regex Cheat Sheet - i Hate Regex is a regex cheat sheet that also explains the commonly used expressions so that you understand it. Stop hating and start learning.
- Schema.org/VideoObject - Generator for Vimeo
- Schema.org/VideoObject - Generate valid schema JSON+LD for Vimeo
- Transform | A polyglot web converter. - Wow. JSON to TypeScript is fun. And more transformers.
- MEE6 - The Discord Bot - Configure moderation, leveling, Twitch alerts, and much more with the most easy-to-use dashboard!
- YAGPDB - Yet Another General Purpose Discord Bot. Reaction to Accept Terms feature.
- Arwes - Sci-Fi UI Framework - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps
- tailblocks — Ready-to-use Tailwind CSS blocks - Web site created using create-react-app
- Tailwind Typography Playground - Web site created using create-react-app
- Tailwind Gradient Designer - Click generate done.
- Tailwind Ink - Generate custom color palette.
- Gradient Magic - Fantastic and Unique CSS Gradients - A Free Gallery of Fantastic and Unique CSS Gradients.
- lookup.design - ui examples (steve's recommendations) - Browse handpicked ui and ux design examples and find inspiration for your next website or app.
- UI Playbook - The documented collection of UI components.
- Shift Nudge – Interface Design Course - The design on this course site is pretty fucking amazing.
- Like numbers? We got you. - Try out our new infinity stats stack — a collection of the most fascinating, weird, and important numbers from around the (rest of) world.
- theheadless.dev - Learn Puppeteer & Playwright - Tips, tricks and in-depth guides from the trenches
- The documentation system — Documentation system documentation - Excellent guide to follow on how to document your software.
- System UIcons - A free icon set designed for systems and products. Use how you want, without attribution.
- Squircley | SVG Squircle Maker - Create and export beautiful SVG squircles to use in your designs.
- CSS3 Patterns Gallery - Amazing CSS only bg patterns.
- Home | Maizzle - Framework for Rapid Email Prototyping - Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS and advanced, email-specific post-processing.
- bashaus/prevent-widows: Prevent widows from appearing in a string (includes posthtml implementation) - Prevent widows from appearing in a string (includes posthtml implementation) - bashaus/prevent-widows
- npm registry/authentication - npm registry authentication documentation. Hard to find otherwise.
- 3D Book Image CSS Generator - Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
- Shape - 20000+ Icons & Illustrations to SVG, Lottie, React. - Shape lets you customize the style, colors and border of static & animated icons and illustrations. You can export to React, SVG and Lottie code.
- FabDev | Bar chart race generator - Generate your own bar chart race from a csv file thanks to this open source tool made by FabDev
- Appydev | Find awesome tools - Appydev is a collection of awesome tools, resources, communities & podcasts for developers, designers & enthusiasts.
- GitHub Archive Program | The GitHub Archive Program will safely story every public GitHub repo for 1,000 years in the Arctic World Archive in Svalbard, Norway. - The GitHub Archive Program will safely story every public GitHub repo for 1,000 years in the Arctic World Archive in Svalbard, Norway. Blog Design.
- Tabler Icons - 550+ Highly customizable free SVG icons - 550+ Customizable free SVG icons - Tabler Icons
- Squircley | SVG Squircle Maker - Create and export beautiful SVG squircles to use in your designs.
- Styles Directory | Style Stage - Modern CSS Styles
- The Whimsical Web - A curated list of sites with an extra bit of fun.
- Copy Paste List - Quick, unformatted, copy and paste-able lists for all your needs.
- Animate | Keyframes.app - Keyframes gives you a visual timeline to help you create, view, and run animations without having to go back and forth between your browser and editor.
- Image Extractor - A free tool to extract, view and download images from websites.
- Simple Icons - 1377 Free SVG icons for popular brands.
- Alt-texts: The Ultimate Guide - Axess Lab - This post contains everything you need to know about alt-texts! When to use them and how to perfectly craft them. By me, Daniel, a web developer with vision impairment who use a screen reader in my day-to-day life. My experience of images on the web I use a combination of magnification and screen reader when […]
- The alt text - Alt text for a linked image should be the destination of the link, rather than a description of what is in the image. Otherwise, screen reader users will not know where the link goes. #a11y #accessibility" / Twitter
- Free illustrations - Free illustrations help you find free to use illustrations & vectors for your next personal or commercial project. ✓ PNG ✓ SVG ✓ PSD ✓ SKETCH ✓ FIGMA ✓ PDF.
- How to Target Email Clients - Crowdsourced email development techniques for singling out email clients and platforms. Created by @dylanatsmith.
- SVG Draw - Draw SVGs
- Understanding How Node.js Release Lines Work - Learn about how Node.js versions work.
- Neumorphic Generator - That name is enough.
- Netguru – Resources - Design for free books.
- Design Process for Pros - Love that book design, how on hover a new chapter shows up. Ahmazing.
- Web Dev Resources - A big 🧵 of free web development resources.
- The Modern JavaScript Tutorial - Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.
- IRA Design - Build your own amazing illustrations.
- Teach Yourself Computer Science - All the resources you need to give yourself a world class computer science education.
- Building a Full-Stack App with Serverless and React - Free step-by-step tutorials for creating full-stack apps with Serverless Framework and React.js. Build a Serverless REST API with our Serverless tutorial and connect it to a React single-page application with our React.js tutorial. Use our AWS tutorial with screenshots to deploy your full-stack app.
- Image Annotations - Online Annotator, could be helpful.
- Text to Handwriting - I hate writing assignments so I made this tool that converts text to an image that looks like handwriting. You can copy paste text content into the textbox and click generate image button to generate image.
- Blobs - Generate beautiful blob shapes for web and flutter apps.
- Trianglify.io - Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
- Untools - Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.
- Postaga - Generate more backlinks and social shares with effective, automated post promotion and outreach.
- Buttons Inspiration - I like the buttons design on this site.
- tailblocks - Ready-to-use Tailwind CSS blocks.
- Freesound - A collaborative database of creative-commons licensed sound for musicians and sound lovers.
- The Fastest Google Fonts - The best guide on making Google Fonts faster upto 1200ms.
- Text to SVG - Cool Texts Generator in SVG / PNG with 30+ Effects x 800+ Fonts
- Drop-in Minimal CSS - Enter this ‘minimal CSS framework switcher’ where you get to preview lots of minimal CSS frameworks on a single page.
- When To Launch Your Product - Insights on when to launch a product on ProductHunt. Pretty useful.
- HackerNews Trends - Nice trends site to analyze data on HN.
- This Word Does Not Exist - This Word Does Not Exist uses an artificial intelligence model named GPT-2 to invent new English words.
- Screely - Instantly turn your screenshot into a beautiful mockup. Customize the mockup window, background and much more.
- Bensound - Royalty Free Music. Free license requires attribution.
- Blush.Design - Blush makes it easy to add illustrations to your projects. With collections made by artists across the globe, there’s something for everyone—and every project.
- Color Wheel - Color Calculator - Use the color wheel to find the perfect color scheme with the Sessions College color calculator. Endless free color combinations, working from any base color.
- [ HUE / 360 ] - The Color Scheme Application
- Color wheel - The color wheel shows the relationship between colors. Create the perfect color scheme for your next project. It's easy and free!
- Let's Enhance - Enhance your images to 4x for free.
- Neumorphism - CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its possibilities.
- Resumes.io - Create your resume and get hired fast with Resume Builder. Our online tool will guide you through each step so you can be confident with the result.
- Resume Maker - Latex resumes. I like the first template a lot.
- SVG to PNG - This free online SVG to PNG converter allows you to convert SVG files to PNG images, quickly and easily.
- Components AI - With Components AI you can generate gradients, font pairings, and explore hand curated components.
- 1loc - Useful JavaScript single line of code.
- Subscriptions - Almost everyone now pays for services on a regular basis. Whether Spotify, Netflix, and Co. you quickly lose track of what you actually spend.With this app, you simply enter the existing subscriptions and you have an easy overview.⭐ Features ⭐- Create regular and one-time subscriptions- Enter the billing period to see the next payment date- Add important data for each subscription (description, the start of payment, Payment method, and notes)- 160+ different currencies with the current exchange rate- Optional dark design- Backup possibility (including Google Drive option).
- NAÏVE - Improve your workflow: Cut shake and overexposure, Create proxy files, Sync multicam in-one-place — Automagically! Perfect for Adobe Premiere Pro.
- ManyPixels - ManyPixels offers unlimited graphic and web design services for a flat monthly fee. Get your personal graphic designer in a few clicks.
- SaaS from scratch - How to build a SaaS with $0.
- HTML Table To JSON Converter - Convert JSON to HTML Table
- pattern.css - Fantastic CSS only library to fill your empty background with beautiful patterns.
- I self-published - Something worth reading if you intend to self-publish.
- themer - themer takes a set of colors and generates themes for your apps: editors, terminals, wallpapers, and more.
- background generator - Does what the name says it does.
- Bookmarklet Creator - A simple web based tool to convert JavaScript into a bookmarklet and optionally include external scripts, like jQuery. There is an automated demo included at the bottom of the page.
- onderceylan/pwa-asset-generator - PWA asset generator based on Puppeteer. Automatically generates icons and splash screens guided by Web App Manifest specs and Apple Human Interface guidelines. Updates manifest.json and index.html files with the generated images.
- Home Workout - Home Workout is a Darebee workout you can do without even changing into training attire.
- Grab n'go visual CSS editor - Quickly prototype, mock, edit, and generate valid CSS for Safari, Chrome, Firefox, Opera, and IE browsers. Learn CSS while tinkering its properties visually.
- GitHub Polls - SVG polls you can embed in GitHub issues or readmes.
- GitHub Polls - Poll Creating UI.
- crontab.guru - An easy to use editor for crontab schedules.
- onderceylan/pwa-asset-generator - PWA asset generator based on Puppeteer. Automatically generates icons and splash screens guided by Web App Manifest specs and Apple Human Interface guidelines. Updates manifest.json and index.html files with the generated images.
- Vime - All your media player needs in one place - a modern alternative to Videojs and Plyr. Supports Html5, Hls, Dash, YouTube, Vimeo, Dailymotion and more to come.
- CSS Color Gradient Generator - Free CSS color gradient generator. Perfect for gradient backgrounds or UI elements on your website, easy to use.
- JSON to JavaScript - This online tool helps you to convert JSON to JavaScript.
- Emoji Log VSCode - Emoji Log for Visual Studio Code.
- HTML/CSS/JS - The perfect explanation.
- cli/cli - GitHub’s official command line tool.
- table-magic - Generate markdown tables and more.
- Product School - Free online resources for product managers.
- NodeCLI.com - Build Node.js Command-line Automation Dev-tools.
- bash-guide - A guide to learn bash.
- SVGOMG - Optimize SVGS. SVGO's Missing GUI.
- HTML2Jade - HTML to Jade/Pug Online Realtime Converter.
- mathiasbynens/emoji-regex - A regular expression to match all Emoji-only symbols as per the Unicode Standard.
- Chocolat - Responsive lightbox.
- Understanding (all) JavaScript module formats and tools - JavaScript language was initially invented for simple form manipulation, with no built-in features like module or namespace. In years, tons of terms, patterns, libraries, syntax, and tools are …
- 33 line React - This guy attempts to create React.js in 33 lines.
- Screenflow - Closed Captions Workflow by Maedah.
- Copyright © Ahmad Awais
- Code of Conduct
(follow) To stay up to date on free & open-source software
(follow) To get #OneDevMinute daily hot tips & trolls
(subscribe) To tech talks & #OneDevMinute videos
Me (Ahmad Awais) and my incredible wife (Maedah Batool) are two engineers who fell in love with open source and then with each other. You can read more about me here. If you or your company use any of my projects or like what I’m doing then consider backing me. I'm in this for the long run. An open-source developer advocate.