• 🌐 32 Bit Cafe (https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49) - Web Dev Resources

• 🌐 Awesome Tunneling (https://github.com/anderspitman/awesome-tunneling) - Tunneling Resources

• ↪️ Site Mockups (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/storage#wiki_app_.2F_site_mockups)

• ↪️ Archive / Scrape / Crawl Web Pages (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/internet-tools/#wiki_.25BA_archiving)

• ↪️ Selfhosted Image Galleries (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/image-tools#wiki_.25B7_offline_galleries)

• ⭐ GoAccess (https://goaccess.io/) - Web Log Analyzer / GitHub (https://github.com/allinurl/goaccess)

• ⭐ Formulaer (https://formulaer.com/), Tally (https://tally.so/), FormBricks (https://github.com/formbricks/formbricks) or Deformity (https://deformity.ai/) - Form Builders

• ⭐ Playwright (https://playwright.dev/), Selenium (https://www.selenium.dev/) or Huginn (https://github.com/huginn/huginn) - Browser Automation

• Automa (https://extension.automa.site/) or Browserflow (https://browserflow.app/) - Browser Automation Extensions

• ⁠cron-job (https://cron-job.org/) - Web-Based Cron Job / Automation Scheduler

• Flounder (https://flounder.online/) - Website Building Discussion

• ⁠Networking Toolbox (https://networkingtoolbox.net/), Browserling Tools (https://www.browserling.com/tools/) or WebCode (https://webcode.tools/) - Site Development Tools

• Microlink SDK (https://microlink.io/sdk) / GitHub (https://github.com/microlinkhq/sdk), ⁠OG Image Generator (https://www.ogimage.website/) or Link Preview JS (https://github.com/OP-Engineering/link-preview-js) - Create Link Previews / Graph Images

• ⁠Tech Playground (https://tech-playground.com/) - Playground for Server-Side Tech

• Wappalyzer (https://www.wappalyzer.com/) - Identify Technologies on Websites / Addons (https://www.wappalyzer.com/apps/)

• shadcn-ui (https://ui.shadcn.com/) or shadcn-svelte (https://shadcn-svelte.com) - Web Component Libraries / Examples (https://github.com/ln-dev7/square-ui)

• Web Developer (https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm) - Web Developer Toolbar Extension

• GoatCounter (https://www.goatcounter.com/), Cloudflare Web Analytics (https://www.cloudflare.com/web-analytics/), Rybbit (https://github.com/rybbit-io/rybbit), MS Clarity (https://clarity.microsoft.com/) or Umami (https://umami.is/) - Site Analytics

• ElasticSearch (https://www.elastic.co/products/elasticsearch) - Search & Analytics Engine / GitHub (https://github.com/elastic/elasticsearch)

• Tabler (https://tabler.io/) - Site Admin Dashboard

• Octopus (https://octopus.do/sitemap) - Site Planning Tool

• Giscus (https://giscus.app/) or Remarkbox (https://www.remarkbox.com/) - Site Comment Systems

• Wordpress (https://wordpress.org/) / Tools (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/dev-tools#wiki_.25B7_wordpress_tools) or Joomla (https://www.joomla.org/) / GitHub (https://github.com/joomla/joomla-cms) - Content Management Systems / CMS

• The Website Specification (https://specification.website/) / GitHub (https://github.com/jdevalk/specification.website) - Website Design Checklist

• Dagu (https://github.com/dagu-org/dagu) - WebUI Job Manager

• xh (https://github.com/ducaale/xh) - HTTP Clients / Transfer Data with URLs / IP Lookup (https://ifconfig.me/) / Recipes (https://catonmat.net/cookbooks/curl)

• http-server (https://github.com/http-party/http-server) - No Config HTTP Server

• Plow (https://github.com/six-ddc/plow) - HTTP Benchmarking

• Transform (https://transform.tools/) - Polyglot Web Converter

• Media Chrome (https://www.media-chrome.org/) - Media Player Elements / GitHub (https://github.com/muxinc/media-chrome)

• OneLinePlayer (https://onelineplayer.com/) - Vimeo / Dropbox Video Player

• Motion (https://motion.dev/) - Animation Library

• Medusa (https://medusajs.com) - Digital Commerce Development Tool

• Can I Use? (https://caniuse.com/) - Browser Support Tables

• PocketBase (https://pocketbase.io/) / GitHub (https://github.com/pocketbase/pocketbase) or Neon (https://neon.com/) / GitHub (https://github.com/neondatabase/neon) - Open-Source Backend Platforms

• Caddy (https://caddyserver.com/) / GitHub (https://github.com/caddyserver/caddy) or Nginx (https://nginx.org/) - Web Servers

• Directory Lister (https://directorylister.com/) - Web-Based Directory Listing

• The SSO Wall of Shame (https://sso.tax/) - Vendors without Built-in SSO

• ⁠TestLocally (https://testlocal.ly/) - Global Website Screenshot / Localization Testing

• Can I Email? (https://www.caniemail.com/) - Email Functionality Check

• Typebot (https://typebot.com/) - Embedded Chat App

• uMap (https://umap-project.org/) - Custom Embeddable Maps for Websites / GitHub (https://github.com/umap-project/umap/)

• Google Map Themes (https://snazzymaps.com/) - Google Map Themes for Web Developers

• frp (https://github.com/fatedier/frp), GoDoxy (https://github.com/yusing/godoxy) or YARP (https://github.com/dotnet/yarp) - Reverse Proxies

• wsrv.nl (https://wsrv.nl/) or Images.weserv.nl (https://images.weserv.nl/) - Image Caching / Delivery

• WhatPWACanDo (https://whatpwacando.today/) - PWA Examples

• PWABuilder (https://www.pwabuilder.com/) - Turn Site into Progressive Web App

• Chaos Frontend Toolkit (https://chaos-frontend-toolkit.web.app/) - Break Your Web Apps to Improve Them

• LocalHost (https://localhost.run/) - Connect Web Apps to Internet

• tailspin (https://github.com/bensadeh/tailspin) - Syntax Highlighter

• Cloudflared (https://github.com/cloudflare/cloudflared), ⁠untun (https://github.com/unjs/untun) or ngrok (https://ngrok.com/) - Introspectable Tunnel to Localhost Tools

• Bore (https://github.com/ekzhang/bore) - TCP Tunnel to Expose Servers Local Ports

• NConfig (https://www.digitalocean.com/community/tools/nginx) - Server Config

• Nginx-Admins-Handbook (https://github.com/trimstray/nginx-admins-handbook) - Improve NGINX Performance

• Null PHP Script (https://nullphpscript.com/) - Nulled Scripts

• 🌐 Awesome Static Generators (https://myles.github.io/awesome-static-generators/) / GitHub (https://github.com/myles/awesome-static-generators) or Jamstack Generators (https://jamstack.org/generators/) - Static Site Generator Indexes

• ⭐ Eleventy (https://11ty.dev/) - Static Site Generator / Discord (https://discord.gg/GBkBy9u) / GitHub (https://github.com/11ty/eleventy)

• ⭐ Hugo (https://gohugo.io/) - Static Site Generator

• ⭐ Webstudio (https://webstudio.is/) - Website Builder

• ⭐ VitePress (https://vitepress.dev/) - Static Site Generator

• ⭐ Astro (https://astro.build/) - Static Site Generator / X (https://x.com/astrodotbuild) / Discord (https://discord.com/invite/grF4GTXXYm) / GitHub (https://github.com/withastro/astro)

• ⭐ Docusaurus (https://docusaurus.io/) - Static Markdown Website Generators / GitHub (https://github.com/facebook/docusaurus)

• ⭐ Carrd (https://carrd.co/) - Simple Website Builder

• Retype (https://retype.com/) - Static Markdown Website Generator / GitHub (https://github.com/retypeapp/retype)

• Zola (https://www.getzola.org/) - Static Markdown Website Generator

• Publii (https://getpublii.com/) - Static Markdown Website Generator / No Coding

• Jekyll (https://jekyllrb.com/) - Static Markdown Website Generator

• docsify (https://docsify.js.org/) - Static Markdown Website Generator

• GitBook (https://www.gitbook.com/) - Static Site Generator

• Pelican (https://getpelican.com/) - Static Site Generator

• tilda (https://tilda.cc/) - Website Builder

• cargo (https://cargo.site/) - Website Builder

• Framer (https://www.framer.com/) - Website Builder

• Temper (https://temper.one/) - Website Builder

• Silex (https://www.silex.me/) - Website Builder

• mmm (https://mmm.page/) - Website Builder

• Straw.Page (https://straw.page/) - Website Builder

• Feather Wiki (https://feather.wiki/) - Extensible Website Generator

• SouPalt (https://soupault.net/) - Static Website Generator with HTML Element Tree

• Vvveb (https://www.vvveb.com/), Universe (https://onuniverse.com/), Google Sites (https://sites.google.com/) or Odoo (https://www.odoo.com/app/website) - Drag & Drop Website Builders

• Tails (https://devdojo.com/tails) - Tailwind CSS Website Builder

• Odie (https://odie.us/) - Make Webpages out of Google Docs

• Anvil (https://anvil.works/) or Lowdefy (https://lowdefy.com/) - Web App Creators

• ↪️ Color Palette Generators (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/image-tools#wiki_.25B7_palette_generators)

• ↪️ Color Pickers (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/image-tools#wiki_.25B7_color_pickers)

• ⭐ ColorHexa (https://www.colorhexa.com/) - Color Hex Encyclopedia

• ⭐ Realtime Colors (https://realtimecolors.com/) - Preview Color Palettes

• ⭐ Color & Contrast (https://colorandcontrast.com/) - Color / Contrast Guide

• Colors & Fonts (https://www.colorsandfonts.com/) - Quickly Copy Colors

• Khroma (https://www.khroma.co/) or Paletton (https://paletton.com/) - Color Scheme Designers

• Palettte (https://palettte.app/) - Color Palette Editor

• Color Converter (https://ozdemir.dev/color-converter/) - Color Code Format Converter

• PaletteGenerator (https://palettegenerator.com/) - Color Palette Extractor

• Colorable (https://colorable.jxnblk.com/) / GitHub (https://github.com/jxnblk/colorable), color.review (https://color.review/), accessible-color-matrix (https://toolness.github.io/accessible-color-matrix/) or Accessible Brand Colors (https://abc.useallfive.com/) - Accessible Color Palette Builders

• Color Oracle (https://colororacle.org/), WhoCanUse (https://www.whocanuse.com/) or Toptal (https://www.toptal.com/designers/colorfilter) - Color Blindness Simulator / Tests

• Simpler Color (https://github.com/arnelenero/simpler-color) - Create Web Color System

• ColorZilla (https://www.colorzilla.com/) - Color Picker, Gradient Generator & more

• MakeTintAndShade (https://maketintsandshades.com/) - Tint and Shade Generator

• Alphredo (https://alphredo.app/) - Create Translucent Colors

• Contrast Checker (https://webaim.org/resources/contrastchecker/) or Colour Contrast (https://colourcontrast.cc/) - Background / Text Contrast Checkers

• 🌐 Awesome Design Systems (https://github.com/alexpate/awesome-design-systems) - UI Design Systems / Libraries

• 🌐 Awesome Web Animation (https://awesome-web-animation.netlify.app/) - Web Animation Resources

• ↪️ Design Resources (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/storage#wiki_design_resources), Image Design (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/image-tools#wiki_.25BA_design_resources_.2F_ideas) or Open Source Design (https://opensourcedesign.net/)

• ⭐ Design Checklist (https://www.checklist.design/), Performance Checklist (https://github.com/thedaviddias/Front-End-Performance-Checklist) or Front-End Checklist (https://frontendchecklist.io/) - Frontend Development Checklist

• ⭐ ThemeWagon (https://themewagon.com/theme-price/free/) - Free HTML Templates

• ⭐ awwwards (https://www.awwwards.com/websites), Boilerplate (https://html5boilerplate.com/) or html5up (https://html5up.net/) - Custom HTML Templates

• UI Design Daily (https://www.uidesigndaily.com/) or UIVerse (https://uiverse.io/) - Free UI Design Resources

• CollectUI (https://collectui.com/), Hoverstat (https://www.hoverstat.es/), httpster (https://httpster.net/), Recent (https://recent.design/), Websitevice (https://websitevice.com/), Dribbble (https://dribbble.com/), ReallyGoodUX (https://goodux.appcues.com/) or Pageflows (https://pageflows.com/) - UI / Site Design Inspiration

• Templatemo (https://www.templatemo.com/) - Free CSS Templates

• Repth Themes (https://repth.neocities.org/theme) - Y2K Anime Themes

• ⁠Human Interface Guidelines: Windows (https://learn.microsoft.com/en-us/windows/apps/design/) / Gnome (https://developer.gnome.org/hig/) / KDE (https://develop.kde.org/hig/) / Apple (https://developer.apple.com/design/human-interface-guidelines) - Interface Guidelines

• Storybook (https://storybook.js.org/) or Mockend (https://mockend.com/) - UI Development Tools

• Open UI (https://open-ui.org/) - Open Standard UI

• Same.new (https://same.new/) - Copy Sites User-Interface Code

• CodeMyUI (https://codemyui.com/) or Fomantic-UI (https://fomantic-ui.com/) - User Interface Code Snippets

• Icon Shelf (https://icon-shelf.github.io/) - Icon Manager

• Favicon Maker (https://formito.com/tools/favicon) or Favicon Generator (https://www.favicon-generator.org/) - Create Favicons

• Icon Horse (https://icon.horse/) or Favicone (https://upset.dev/favicone) - Download a Site's Favicon / Note (https://github.com/fmhy/edit/blob/main/docs/.vitepress/notes/site-favicon-dl.md)

• Meta-Mapper (https://meta-mapper.com/) - Website Metadata Thumbnails

• Scrollbar.app (https://scrollbar.app/) - Design Custom Scrollbars

• Emanote (https://emanote.srid.ca/) - Create Sites from Plain-Text Notes / GitHub (https://github.com/srid/emanote)

• Bloo (https://bloouikit.com/) - Prototype / Test Websites Idea

• WebDesignMuseum (https://www.webdesignmuseum.org/) - Website Designs Over Time

• PsdRepo (https://psdrepo.com/) - Templates, Mockups, Logos, Videos

• Daft Page (https://daftpage.com/) - Landing Page Creator

• SaaS Pages (https://saaspages.xyz/), SaaS Landing Page (https://saaslandingpage.com/) or lapa (https://www.lapa.ninja/) - Landing Page Templates / Ideas

• Zeplin (https://zeplin.io/) - Design Templates / Editor

• vite (https://vite.dev/) or layoutit (https://layoutit.com/) - Frontend Development Tools

• Dembrandt (http://dembrandt.com/) - Extract / Derive Site Design / GitHub (https://github.com/dembrandt/dembrandt)

• the component gallery (https://component.gallery/) - Design Components Gallery

• UI Beats (https://www.uibeats.com/) or MagicUI (https://magicui.design/) - UI Components

• Hydrogen (https://github.com/Shopify/hydrogen) - Online Store Templates

• CSS Bed (https://www.cssbed.com/) - Classless CSS Templates / GitHub (https://github.com/ubershmekel/cssbed)

• Beer CSS (https://www.beercss.com/) - Lightweight CSS Framework / GitHub (https://github.com/beercss/beercss)

• dummyimage (https://dummyimage.com/) or PicSum (https://picsum.photos/) - Site Placeholder Images

• Visiwig (https://www.visiwig.com/) - Copy / Paste Site Graphics

• T3 (https://github.com/tooll3/t3), ⁠Lottie Creator (https://creator.lottiefiles.com/) or Mantra (https://jeremyckahn.github.io/mantra/) - Create Motion Graphics

• NakerApp (https://app.naker.io/back/) - Interactive Background Maker

• HTTP Cats (https://http.cat/) - Put Cat Pictures in Your Status Codes

• ⭐ Weadown (https://weadown.com/) or DDLCode (https://ddlcode.com/) - Premium Themes / Plugins

• ⭐ GPLDL (https://gpldl.com/) - Premium Themes / Plugins / 25 Monthly / Requires Sign-Up

• Babiato (https://babia.to/) - Themes / Plugins Forum / Requires Sign-Up

• Visual CSS Editor (https://chromewebstore.google.com/detail/visual-css-editor/cibffnhhlfippmhdmdkcfecncoaegdkh) - WordPress Site Designer

• LocalWP (https://localwp.com/releases/) - WordPress Site Deployment Tools

• faustjs (https://faustjs.org) - WordPress Framework

• Timber (https://upstatement.com/timber/) - WordPress Theme Creator / GitHub (https://github.com/timber/timber)

• KokoAnalytics (https://www.kokoanalytics.com/) - WordPress Analytics

• Note - You can use AI chatbots (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/ai/#wiki_.25B7_online_chatbots) to create regex patterns more easily.

• ⭐ Regex Vis (https://regex-vis.com/) - Regex Visualizer

• ⭐ regex101 (https://regex101.com/) or RegExr (https://regexr.com/) - Regex Editors

• RegexLearn (https://regexlearn.com/), RegexOne (https://regexone.com/), refrf.dev (https://refrf.dev/) or learn-regex (https://github.com/ziishaned/learn-regex) - Regex Learning / Practice Resources

• Regex Syntax Cheatsheet (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_expressions/Cheatsheet) - Regex Cheatsheet (JS Flavor)

• iHateRegex (https://ihateregex.io/) - Premade Regex Patterns List

• Globster (https://globster.xyz/) - Test Glob Patterns

• 🌐 Awesome Accessibility (https://github.com/brunopulis/awesome-a11y) - Accessibility Tools Index

• ⭐ LightTest (https://lightest.app/), Yellow Lab Tools (https://yellowlab.tools/), PageSpeed (https://pagespeed.web.dev/), Geofetcher (https://geofetcher.appsinprogress.com/) or GTmetrix (https://gtmetrix.com/) - Test Webpage Speed

• ⭐ Geekflare Tools (https://domsignal.com/toolbox) or Frontend Dogma (https://frontenddogma.com/tools/check/) - Site Benchmarking Tools

• LambdaTest (https://www.testmuai.com/) - Cross Browser Testing Cloud

• Pa11y (https://pa11y.org/), ⁠Accessibility Support (https://a11ysupport.io/), Wave (https://wave.webaim.org/), Andi (https://www.ssa.gov/accessibility/andi/help/install.html) or A11ygator (https://a11ygator.chialab.io/) - Accessibility Evaluation Tools

• Accessibility Insights (https://accessibilityinsights.io/) - Fix Accessibility Issues

• ⁠ADG (https://www.accessibility-developer-guide.com/) / GitHub (https://github.com/Access4all/adg), ⁠WebAIM (https://webaim.org/), Accessibility Cheatsheet (https://moritzglantz.de/accessibility-cheatsheet/) or A11Project (https://www.a11yproject.com/checklist) - Site Accessibility Guidelines / Learning

• Web Vitals Leaderboard (https://vitals-leaderboard.pazguille.me/), CodSpeed (https://codspeed.io/) or Lighthouse Metrics (https://lighthouse-metrics.com/) - Website Performance Tests

• Prometheus (https://prometheus.io/) - Site Metrics / Setup (https://thanos.io/)

• Carbon Calculator (https://www.websitecarbon.com/) - Estimate a Site's Carbon Footprint

• UX Check (https://chromewebstore.google.com/detail/ux-check/giekhiebdpmljgchjojblnekkcgpdobp) - Site Heuristic Evaluation

• Rankchart (https://rankchart.org/) - Optimization Reports

• Testmail (https://testmail.app/) - Site Signup Test

• Responsive Viewer (https://responsiveviewer.org/) - Test Site on Multiple Screen Types / Chrome (https://chromewebstore.google.com/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb)

• Responsively (https://responsively.app/) or Am I Responsive (https://fireship.dev/amiresponsive) - Website Responsiveness Tests

• LightHouse (https://github.com/GoogleChrome/lighthouse) - Web App Performance Test

• ↪️ SVG / Vector Icons (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/storage#wiki_svg_icons)

• ↪️ Vector Editors (https://www.reddit.com/r/FREEMEDIAHECKYEAH/wiki/image-tools#wiki_.25B7_painting_.2F_drawing)

• Method (https://editor.method.ac/), SVG.wtf (https://svg.wtf/), Lucide Studio, DrawSVG (https://drawsvg.org/drawsvg.html), Boxy SVG (https://boxy-svg.com/), Mossaik (https://mossaik.app/) or SVG Viewer (https://www.svgviewer.dev/) - SVG Editors / Viewers

• fffuel (https://fffuel.co/) - SVG Generators

• ⁠3DSVG (https://3dsvg.design/) - 3D SVG Editor

• SVGFilters (https://svgfilters.com/) - SVG Filter Builder

• SVGArtista (https://svgartista.net/) or ⁠SVG Studio (https://svgstudio.org/) - SVG Animation Tools

• ⁠morphicons (https://www.morphicons.com/) - SVG Icon Morphing Tool / GitHub (https://github.com/guillermolg00/morphicons)

• FrameSVG (https://framesvg.romelium.cc/) - GIF to Animated SVG / GitHub (https://github.com/Romelium/FrameSVG)

• SVGO (https://github.com/svg/svgo) or SVGCrop (https://svgcrop.com/) - SVG Optimization / GUI (https://jakearchibald.github.io/svgomg/)

• SVG Tutorial (https://svg-tutorial.com/) - Learn How to Code SVG Images

• SVGX (https://svgx.app/) - SVG Assets Manager

• Vector Express (https://vector.express/) - Vector Converters

• svgco (https://svgco.de/) or ⁠SVGFast (https://svgfast.com/) - Image to SVG Converters

• ⁠GLORP (https://zack-gphom.itch.io/glorp-pixel-to-svg) - Convert Pixel Art to Optimized SVGs / Windows / GitHub (https://github.com/ZackGphom/GLORP/)

• Pattern Monster (https://pattern.monster/) - SVG Pattern Generator

• Blobs (https://lokesh-coder.github.io/blobs.app/) - SVG Shape Generator

• Broider (https://maxbittker.github.io/broider/) - Create Border Designs

• ShapeDivider (https://www.shapedivider.app/) - Make SVG Shape Divider

• SVG Path (https://svg-path-visualizer.netlify.app/) - SVG Path Visualizer

• svg-path-editor (https://yqnn.github.io/svg-path-editor/) - SVG Path Editor

• SVGWave (https://svgwave.in/) / GitHub (https://github.com/anup-a/svgwave) - SVG Wave Generator

• AutoTracer (https://www.autotracer.org/), ⁠Vectorize Image (https://vectorize-image.app/) or ⁠vtracer (https://www.visioncortex.org/vtracer/) / GitHub (https://github.com/visioncortex/vtracer) - Image Vectorizers / Autotracers

↑ developer-tools · ↑ FMHY index