Awesome Random Stuff

Collection of interesting & awesome random stuff I find on the World Wide Web.

February 24, 2021

• Key-Short-Image - Keyboard Shortcut Image Generator

February 20, 2021

• No-code calculations with the calculator block - Tripetto - Make quizzes, order forms, exams and more with no-code calculations. All without any coding in Tripetto’s calculator block. #design

February 4, 2021

• Spotlights - Email Mastery - The best brand emails. Annotated.

February 3, 2021

• Glassmorphism CSS Generator - Glassmorphism is a unified name for the popular Frosted Glass aesthetic.
• Save Code VS Code Extension - Save code snippets in the cloud & organize them into collections. Using our Chrome & VS Code extensions you can save code snippets online with just one-click!

February 2, 2021

• Sleeknote - A Popup Builder. #copy #marketing #landingpage

February 1, 2021

• API Directory | ProgrammableWeb - View our API Directory, the largest Application Programming Interface repository on the web

January 31, 2021

• TweetPik - Convert Tweets to Images SVG, PNG and JPG #landingpage #perf
• Better Twitter DM Link - A tool to help you create Twitter DM links with prefilled or custom messages.

January 29, 2021

• Free Music For YouTube Videos & Creators • Uppbeat - Download the best copyright free music from the world's hottest beatmakers and indie artists. Create your free account & start downloading now. #music #audio
• Gleek.io - Diagram maker for developers
• Free Stock Footage | Royalty Free Videos for Download | Coverr - Download royalty free (for personal and commercial use), unique and beautiful video footage for your website or any project. No attribution required.
• The Best Places to Post Your Startup - I write articles and make digital products like RaterFox, React Milkshake, MakerMove, FlowReads, RemoteRocket and the Serverless SaaS Boilerplate

January 27, 2021

• reMarkable - Replace your notebooks and printed documents with the only tablet that feels like paper.
• LG 49WL95C-W - LG 49WL95C-W 49 Inch 32:9 UltraWide Dual QHD IPS Curved LED Monitor with HDR 10 (49WL95C-W). #led #office #hardware

January 22, 2021

• Polotno Studio - Make graphical designs - Free online design editor. Create images for social media, youtube previews, facebook covers

January 20, 2021

• use-eazy-auth: a library for simple auth management in React | Inmagik homepage - INMAGIK is an indipendent software development agency shipping open source based solutions for information management and visualization.

January 19, 2021

• Wilson Miner · Staff Design - Navigating the individual contributor career path #design
• Cloudlyn - The cloud for Devops & Microservices #docker

January 18, 2021

• Teenyicons — Tiny minimal 1px icons - An elegant icon set by Anja van Staden with more than a thousand icons.

January 14, 2021

• Hypercolor - Tailwind CSS Gradient Palette - A curated collection of beautiful premade gradients using default colors from the Tailwind CSS library.
• webextension-toolbox/webextension-toolbox: Small CLI toolbox for cross-browser WebExtension development - Small CLI toolbox for cross-browser WebExtension development - webextension-toolbox/webextension-toolbox
• extend-chrome/js-react-boilerplate: Chrome extension boilerplate with JavaScript and React - Chrome extension boilerplate with JavaScript and React - extend-chrome/js-react-boilerplate
• @extend-chrome - Excellent Chrome extension resources for developers.

January 13, 2021

• A11y Coffee - An intro to what web accessibility is, why it's important, and the guiding principles behind accessibility standards.
• Best of JavaScript - Check out the most popular open-source projects and the latest trends about the web platform and Node.js.

January 8, 2021

• Metrics - An image generator with 20+ metrics about your GitHub account such as activity, community, repositories, coding habits, website performances, music played, starred topics, etc. that you can put on your profile or elsewhere !

January 7, 2021

• VS Code Performance – How to Optimize Visual Studio Code and Choose the "Best" Extensions - Eperf

January 5, 2021

• SVG Repo - Free SVG Vectors and Icons - Free Vectors and Icons in SVG format. ✅ Download free mono or multi color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons. #svg #icons #free

December 28, 2020

• Tally forms - The simplest way to create beautiful forms & surveys, for free. Without knowing how to code! #design #free

December 26, 2020

• Home - The A11Y Project - The A11Y Project is a community-driven effort to make digital accessibility easier.

December 21, 2020

• Rihlinator - Beautiful letter design
• Moiva.io - Javascript libraries and frameworks comparison side by side. Visual with charts and graphs. Multiple metrics. Data from Github, NPM, Google Trends, ThoughtWorks Tech Radar, etc.
• PS Tunnel - Edit Shopify images in Photoshop #tailwind

December 15, 2020

• What to Tweet? - Ideas on what to tweet.
• Cover Art - Discover the world’s best podcast cover art

December 13, 2020

• Seoasked.com - Archiving Google answers about SEO

December 9, 2020

• Typefully - Write great Twitter threads..
• Linear - Linear helps high-performing teams execute faster and build products now with roadmap, customizable views, list controls, sorting options and an enhanced sub-issue editor. #Desgin #Gradients

December 8, 2020

• Data Gif Maker - I’ve created an animated GIF using Data Gif Maker by Google News Labs. Create your own at datagifmaker.withgoogle.com

December 5, 2020

• DEVICON | All programming languages and development tools related icons font - devicon aims to gather all logos representing development languages and tools in one font.
• Checklist generator - Create checklists for free and host them wherever you want.

December 4, 2020

• Welcome to Cast - Studio. Editor. Host. — Everything for a podcast needs no downloads, no guest logins — only 10 USD a month.
• UseMySound - Royalty free music weekly (music for videos, ads, games & podcasts).
• Turndown Demo - Configurable HTML to Markdown convertor.

December 3, 2020

• edent/SuperTinyIcons - Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos - edent/SuperTinyIcons
• Storyset - Download free illustrations to power up your projects.

December 2, 2020

• GrowthList - Never Miss a Growth Opportunity - GrowthList is the go-to resource hub for tech-savvy marketers in fast-growing companies. Find hundred of Growth Hacks to boost your startup !
• Domainr - Fast, free, domain name search, short URLs, new gTLDs, whois
• Domain Name Search - Domize is a domain name search engine that begins looking up the availability of a domain name as soon as you start typing it. Domize provides a secure and private environment to search for your next domain name.
• Content for Developers · Writy.io - Content writing is hard. There are so many ways to go wrong. Learn from Maedah's decade of experience for writing content meant for Developers and technical audience. Make your content sound and look more authentic.

November 30, 2020

• 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.

November 17, 2020

• uxtoast | Learn the fundamentals of UX & UI Design - Learn the fundamentals of UX & UI Design, including design laws and principles, user research, and design processes.

November 15, 2020

• Cold email templates • Hunter - Directory of best-performing cold email templates. Filter hundreds of templates by category and start your email outreach in minutes.
• AI Image Upscaler - Enlarge Images & Photos Online for Free - Free online smart upscaler software to enlarge images and photos (JPG, PNG) without losing quality. Enlarge and enhance pictures automatically using AI

November 13, 2020

• API for Web Icons | SVGBox.net - SVG Icons and patterns, served/modified as image source URLs. Simple.

November 12, 2020

• Gradient Backgrounds – 🌈 The Best Gradient Sites All in One Place - Discover the best gradient backgrounds from a curated collection of the ultimate list of gradient sites. With 1000+ gradients, it's easy to find the 👌 color!
• SVGOMG - SVGO's Missing GUI - My go to SVG Optimizer.
• Cool Backgrounds - Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

November 5, 2020

• Undesign | Collection of free design tools and resources for makers, developers and designers - Collection of free design tools and resources for makers, developers and designers
• Free Profile Pic Maker | Make an awesome profile picture from any photo - Upload your photo and create profile picture which will give you 14 times more visits & 36 times more chances to receive a message with a professional headshot
• Free Typography Logo Maker — Design a logo in seconds! - Design a free typography logo for your business, product, or brand using an easy to use online logo maker tool. Choose from hundreds of fonts, preview light and dark version of your logo, and then export SVG and PNG versions.
• SvgPathEditor - Online editor to create and manipulate SVG paths

October 24, 2020

• PatternPad - Create beautiful patterns for presentations, social media or branding. - PatternPad offers unlimited unique pattern designs that fit your style. Ideal for branding, presentations, social media posts or customising products.

October 22, 2020

• Svg Wave - A free beautiul & SVG wave Generator. - SVG Wave is a minimal svg wave generator with lot of customization. It lets you abiltiy to generate and export pngs and svgs of beautiful waves. SVG wave also lets you layer multiple waves. Create SVGs for your website designs.

October 18, 2020

• Shapefest™ - A massive library of free 3D shapes - A massive free library of beautifully rendered 3D shapes. 160,000+ high resolution PNG images in one cohesive library.

October 10, 2020

• 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.

October 5, 2020

• 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!

October 4, 2020

• Brands Companies - SVG Logos

September 26, 2020

• 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.

September 23, 2020

• Schema.org/VideoObject - Generator for Vimeo
• Schema.org/VideoObject - Generate valid schema JSON+LD for Vimeo

September 20, 2020

• Transform | A polyglot web converter. - Wow. JSON to TypeScript is fun. And more transformers.

September 18, 2020

• 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.

September 15, 2020

• Arwes - Sci-Fi UI Framework - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps

September 14, 2020

• 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.

September 13, 2020

• 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.

September 3, 2020

• Shift Nudge – Interface Design Course - The design on this course site is pretty fucking amazing.

August 28, 2020

• 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

August 22, 2020

• The documentation system — Documentation system documentation - Excellent guide to follow on how to document your software.

August 20, 2020

• System UIcons - A free icon set designed for systems and products. Use how you want, without attribution.

August 19, 2020

• Squircley | SVG Squircle Maker - Create and export beautiful SVG squircles to use in your designs.

August 18, 2020

• CSS3 Patterns Gallery - Amazing CSS only bg patterns.

August 16, 2020

• 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

August 15, 2020

• npm registry/authentication - npm registry authentication documentation. Hard to find otherwise.

July 26, 2020

• 3D Book Image CSS Generator - Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.

July 25, 2020

• 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

July 19, 2020

• Appydev | Find awesome tools - Appydev is a collection of awesome tools, resources, communities & podcasts for developers, designers & enthusiasts.

July 17, 2020

• 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.

July 14, 2020

• Copy Paste List - Quick, unformatted, copy and paste-able lists for all your needs.

July 13, 2020

• 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.

July 5, 2020

• 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

July 2, 2020

• 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.

June 28, 2020

• SVG Draw - Draw SVGs

June 22, 2020

• Understanding How Node.js Release Lines Work - Learn about how Node.js versions work.
• Neumorphic Generator - That name is enough.

June 20, 2020

• Netguru – Resources - Design for free books.
• Design Process for Pros - Love that book design, how on hover a new chapter shows up. Ahmazing.

June 11, 2020

• 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.

June 5, 2020

• Image Annotations - Online Annotator, could be helpful.

June 4, 2020

• 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.

June 2, 2020

• 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.

May 26, 2020

• 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.

May 25, 2020

• Buttons Inspiration - I like the buttons design on this site.
• tailblocks - Ready-to-use Tailwind CSS blocks.

May 22, 2020

• 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

May 20, 2020

• Drop-in Minimal CSS - Enter this ‘minimal CSS framework switcher’ where you get to preview lots of minimal CSS frameworks on a single page.

May 18, 2020

• When To Launch Your Product - Insights on when to launch a product on ProductHunt. Pretty useful.

May 17, 2020

• 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.

May 15, 2020

• Bensound - Royalty Free Music. Free license requires attribution.

May 12, 2020

• 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.

May 10, 2020

• 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!

May 9, 2020

• 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.

May 7, 2020

• 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.

April 29, 2020

• 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).

April 28, 2020

• NAÏVE - Improve your workflow: Cut shake and overexposure, Create proxy files, Sync multicam in-one-place — Automagically! Perfect for Adobe Premiere Pro.

April 26, 2020

• 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.

April 25, 2020

• HTML Table To JSON Converter - Convert JSON to HTML Table

April 23, 2020

• pattern.css - Fantastic CSS only library to fill your empty background with beautiful patterns.

April 22, 2020

• 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.

April 20, 2020

• 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.

April 19, 2020

• 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.

April 18, 2020

• 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.

April 16, 2020

• 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.

April 15, 2020

• JSON to JavaScript - This online tool helps you to convert JSON to JavaScript.

April 13, 2020

• Emoji Log VSCode - Emoji Log for Visual Studio Code.
• HTML/CSS/JS - The perfect explanation.

April 12, 2020

• cli/cli - GitHub’s official command line tool.

April 11, 2020

• 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.

License & Conduct

• Copyright © Ahmad Awais
• Code of Conduct

Connect

Sponsor

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.