Collection of interesting & awesome random stuff I find on the World Wide Web.
- The Ultimate Google Sheets Toolkit - A curated list of Google Sheets resources to supercharge your analysis, manage your workflow, or build expertise in advanced analytics.
- RegexLearn - Step by step, from zero to advanced. - Learn RegEx, step by step, zero to advanced. Playground and Cheatsheet.
- Core Web Vitals Checker | Calibre - Check if your site meets the Core Web Vitals assessment in one click.
- Aspect Ratio Calculator - 4:3, 16:9, 21:9 (Ratio calculator) - Calculate the Aspect Ratio (ARC) here by entering your in pixel or ratio ✅. Change the image aspect ratio via this Ratio Calculator ✅. The pixel aspect calculator makes it extremely easy to change any "W:H" format with custom a width or height.
- 3dicons - Open source 3D icon library - 1440+ beautifully crafted open-source 3D icons. You can use completely free and without attribution for personal or commercial project
- redact.photo • Free and private image redaction in the browser - Free and private image redaction in the browser
- Hashtag Generator - Best Hashtags For Instagram and TikTok - The hashtags generator for Instagram and TikTok will help you to generate the most popular hashtags based upon your keyword.
- .new - Google Registry - Browse the full list of .new shortcuts available today from Adobe, Spotify, and many more.
- Tiny Function - Fastest way to create cloud functions. Write your function, deploy and call them from anywhere.
- Site Archive - Lynn Fisher - Previous and archived versions of lynnandtonic.com.
- Cities For People Not Cars | Culdesac - Culdesac builds car-free neighborhoods from scratch. Come live at the first car-free neighborhood in the US - Culdesac Tempe (Phoenix) - 1000 people, 0 cars.
- Chilipepper - Spicy Notion plugins & extensions
- Fly.io - Deploy App Servers close to Your Users. Make your applications 80% faster by running on physical servers in cities where your users are.
- On Fire illustrations - High-quality interface assets for designers and startup creatives
- The Best Cold Email Guide - Get tactical advice on 11 pages of no-bs content. See real-life examples from many industries. Learn from 48 case studies from idea-phase to scaling-phase.
- Railway - Railway is an infrastructure platform where you can provision infrastructure, develop with that infrastructure locally, and then deploy to the cloud.
- Motion One - The Web Animations API for everyone
- Checklist generator - Create checklists for free and host them wherever you want.
- Osome helps businesses in Singapore to outsource their paperwork - Osome helps foreign and Singaporean entrepreneurs to manage their businesses. Register and get your new company operational with our certified agents backed by modern technology
- Web Designer & Developer Toolkit by Addy Codes – Curated tools & resources for people who make websites - Curated tools & resources for people who make websites
- Headers.me | Cover images that get you followers - Create matching cover images for the social media platforms you love without the need of any complex design tools or templates. #twitter
- Web Skills - A visual overview of useful skills to learn as a web developer
- DevOps Bootcamp | Techworld with Nana - Become a Devops engineer | 6-month program to start your career as DevOps engineer
- State Management In Next.js — Smashing Magazine - By combining some React APIs, we can accurately manage “simple” states. With Next.js though, we can quickly find situations where we need to accommodate many other requirements. Let’s have a look at some patterns to accomplish all that.
- The foundation for your design system - A suite of components, colors, and icons for building high-quality React design systems and web apps.
- Stitches — CSS-in-JS with near-zero runtime - CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience, by Modulz.
- Mixfont | A modern font generator - Whether you're designing a website or writing a paper, Mixfont is simple way to choose beautiful fonts that work well together.
- Ready Player Me - Create a Full-Body 3D Avatar From a Photo - Full-body character creator for the metaverse. Make a 3D avatar from a photo and use it in apps and games like VRChat and LIV
- Dystopian font family · Sudtipos.com - Discover everything about Dystopian font family. A great colorfont, trochut, sudtipos, sans, mondrian, bauhaus, vanguardia, design, art, geometric, futura font family available for Broadcasting, Desktop, Digital Ads, Epub, MobileApp, WebApp, Webfont.
- “Add to Calendar” Links for Google Calendar, Outlook, ICS - Create Add to Calendar links for adding event links in emails, websites and newsletters. Works with Google Calendar, Microsoft Office 365, Outlook, Yahoo Calendar and Apple iCalendar .ics files.
- Nævner - Natural language color descriptions, generated from hex color codes. Press: R to pick a random color.
- Stock-music Royalty-Free Music - 300k+ tracks | Mubert Render - Looking For Product-Hunt Royalty-Free Music For Your Project? ⚡ Come Explore Our Vast Array Of Royalty-Free Product-Hunt Music In Our Limitless Library ⏩
- Slantt.co - Design professional isometric illustrations for your website in minutes
- Twittr Gems - All Resources - Browse The Best Twitter Threads From Your favourite Creators
- Reqres - A hosted REST-API ready to respond to your AJAX requests - A hosted REST-API ready to respond to your AJAX requests
- ProgrammerHumor.io - Best programming memes on the internet - Only a few can understand the humor of programmers, are you a programmer? Checkout the best programming memes on ProgrammerHumor.io
- The Coding Love - Programmer humor: gifs, memes, jokes - The Coding Love - Programmer humor: gifs, memes, jokes
- Jotai - Primitive and flexible state management for React
- Create beautiful images of your code - Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window. #code #screenshot
- Poet.so | Create Beautiful Images of Twitter Posts - Capture and share Twitter posts as beautiful images. #screenshot #twitter
- TubeBuddy - The Premier YouTube Channel Management Toolkit
- Poet.so | Create Beautiful Images of Twitter Posts - Capture and share Twitter posts as beautiful images.
- MakerLead — Discover new startups making real revenue - Analyze Stripe-verified revenue metrics from early stage startups #open
- HeyCopy - Become a better writer with a Copy Buddy. #design
- Create stunning content - Create stunning content that drives more engagement. #video
- Roast My Landing Page: increase your landing page conversion - Roast My Landing Page: increase your landing page conversion with an action-based video roast from a conversion rate expert. #landingpage
- Openby.design - Free & Open Source Design Assets Custom crafted free UI design resources, for personal and commercial projects. No attribution is required. #free #foss
- christiannaths/redacted-font: Keep your wireframes free of distracting Lorem Ipsum. - Keep your wireframes free of distracting Lorem Ipsum. - christiannaths/redacted-font: Keep your wireframes free of distracting Lorem Ipsum.
- Justfields - The headacheless CMS for small projects. #awesome #jamstack
- A Complete Guide To Accessible Front-End Components — Smashing Magazine - An up-to-date collection of accessible front-end components: accordions, form styles, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.
- GitHub Users Global Ranking - By followers.
- HackMD - Collaborative Markdown Knowledge Base - Best way to write and share your knowledge in markdown.
- Cartoon Selfie-Cutout.pro - cutout.pro - online AI neural style transfer with one-click, generating avatars, portraits, family photos, and videos with styles including impressionism, oil painting, watercolor, ink and other styles. Ice movement, water flow, flames, metal, any picture style can be transferred
- Generating beautiful Open Graph images with Node.js | Codepunkt - Open graph images provide nice previews when sharing your website. This article explains how to automatically generate open graph images with Node.js and integrate the results into a Gatsby site.
- Avatar generator playground - Boring Avatars - Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
- Gradient King - Never ever run out of gradients!
- HammerSpoon Intro: - Using Spoons in Hammerspoon
- Bloby - Generate random SVG shapes with Bloby.
- Firefoo - A Powerful GUI Client for Firebase Firestore.
- 📊 Tweetable Charts - Create Text based Charts and Visuals you can embed on Twitter.
- Unicode progress bars - Create a text based progress bar.
- Figmaster - Figmaster plugin is a workbook for Figma that contains a large set of exercises on how to build your modern design system from scratch. #design
- Iconoir | #Free #Icons - The Simple and Definitive hand-crafted SVG Icons Library.
- BrandBird | Brand Your Twitter Visual Content - Brand your Twitter content in seconds with BrandBird. Copy/Paste screenshots & auto-resize images to fit the official Twitter guidelines and match your unique branding as a creator.
- Landing Page Checklist | 100+ Tools to Build a Landing Page - The world of Landing Pages is constantly changing. That's why you need to change along. We gathered all tools you need to build your Landing Page in 2021. Check it out!
- nextapps-de/winbox: WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source! - WinBox is a professional HTML5 window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source! - nextapps-de/winbox
- Skribbl | Free, Hand-Drawn Illustrations - Free, hand-drawn illustrations brought to you by a growing community of aspiring creatives. You can use our free illustrations for any purpose, without attribution.
- Slidev - Presentation slides for developers
- Free SVG collections for web | Snoweb - Get free collections of SVGs animated built in HTML and CSS. Choose and embed web-optimized SVGs in your HTML or with Django.
- Launch your own dropshipping store with Next.js, Printful, and Snipcart - Build your own Headless eCommerce storefront with Next.js and Snipcart, and deliver swag powered by Printful. End to end commerce, styled using TailwindCSS and deployed on Vercel.
- Printful: On-Demand Product Fulfillment & Warehousing Services - Design and sell custom products online with print-on-demand drop shipping. Sign up for free and start an online store without inventory.
- readme.so - Easiest Way to Create A README - Use readme.so's markdown editor and ready made templates to easily create a simple README for your repositories
- Face Generator – Generate Faces Online Using AI - Create a face using our AI face generator. Choose age, head pose, skin tone, emotion, sex and generate a baby or adult face online.
- QingWei-Li/notea: - 📒 Self hosted note taking app stored on S3 + Vercel + Netlify.
- Emaily: Create a ready-to-send emails - Emaily is a service that writes text for emails instead of you.
- Iconic — Free “do wtf you want with” pixel-perfect icons - Free, “do wtf you want with” pixel-perfect icons. New icons added every week. #icons #free
- How to convince your boss to use Tailwind CSS | Hayden Cleary - Everything you need to adopt the hot new CSS framework in your company.
- BridgeZero - Compare Visa Programs - A ranking of the world's best visa and residency programs.
- 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
- Conic.css - Nice, simple conic gradients.
- Approximated - The API for your virtual hosts - Add custom domains & subdomains to any app with one easy API.
- Approximated - The API for your virtual hosts - Add custom domains & subdomains to any app with one easy API. #SaaS #SSL
- tabExtend - Clear and save your tabs in an efficient way. #Design #icons #gradient #faq
- tabExtend - Clear and save your tabs in an efficient way - Be more productive by quickly decluttering your browser. Use drag and drop to clear your tabs or one-click save them all. Add notes and to-dos, save text-snippets, sync and share all in your new tab
- Modular conversion, encoding and encryption online — Cryptii - Web app offering modular conversion, encoding and encryption online. Translations are done in the browser without any server interaction. This is an Open Source project, code licensed MIT.
- Key-Short-Image - Keyboard Shortcut Image Generator
- 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
- Spotlights - Email Mastery - The best brand emails. Annotated.
- 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!
- Sleeknote - A Popup Builder. #copy #marketing #landingpage
- API Directory | ProgrammableWeb - View our API Directory, the largest Application Programming Interface repository on the web
- 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.
- 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
- 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
- Polotno Studio - Make graphical designs - Free online design editor. Create images for social media, youtube previews, facebook covers
- 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.
- Wilson Miner · Staff Design - Navigating the individual contributor career path #design
- Cloudlyn - The cloud for Devops & Microservices #docker
- Teenyicons — Tiny minimal 1px icons - An elegant icon set by Anja van Staden with more than a thousand icons.
- 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.
- 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.
- 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 !
- 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
- Tally forms - The simplest way to create beautiful forms & surveys, for free. Without knowing how to code! #design #free
- Home - The A11Y Project - The A11Y Project is a community-driven effort to make digital accessibility easier.
- 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
- What to Tweet? - Ideas on what to tweet.
- Cover Art - Discover the world’s best podcast cover art
- Seoasked.com - Archiving Google answers about SEO
- 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
- Data Gif Maker - I’ve created an animated GIF using Data Gif Maker by Google News Labs. Create your own at datagifmaker.withgoogle.com
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- API for Web Icons | SVGBox.net - SVG Icons and patterns, served/modified as image source URLs. Simple.
- 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.
- 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
- 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.
- 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.
- 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.
- 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
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.
