# Static Website Toolkit

> A community-curated collection of tools, services, and resources for building, hosting, and improving static websites with HTML, CSS, and JavaScript.

<a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/badge/License-CC0_1.0-blue.svg" alt="License: CC0 1.0"></a>
<a href="CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs Welcome"></a>

You don't need WordPress or a traditional CMS to build a great website. From contact forms and blog comments to hosting, analytics, payments, and newsletters, there are tools that let you add useful features to a static website without managing a full backend.

Know a useful tool or site? **<a href="https://github.com/E6WeB/htmlstatic/issues/new/choose" target="_blank" rel="noopener noreferrer">Submit it via GitHub Issues</a>** to share it with the community!

---

## Table of Contents

### Categories

1. [AI & Content Creation](#ai--content-creation)
2. [AI Models](#ai-models)
3. [Analytics & Privacy](#analytics--privacy)
4. [Authentication & User Management](#authentication--user-management)
5. [Booking & Scheduling](#booking--scheduling)
6. [Comments & Community](#comments--community)
7. [Contact Forms](#contact-forms)
8. [Content Management](#content-management)
9. [CSS & UI Component Libraries](#css--ui-component-libraries)
10. [Database & Backend-as-a-Service](#database--backend-as-a-service)
11. [Development Tools](#development-tools)
12. [Hosting & Deployment](#hosting--deployment)
13. [Images & Optimization](#images--optimization)
14. [Interactive Maps & Geolocation](#interactive-maps--geolocation)
15. [Interactive Scripts & Animation](#interactive-scripts--animation)
16. [Live Chat & Support](#live-chat--support)
17. [Media & Video Players](#media--video-players)
18. [Monitoring & Error Tracking](#monitoring--error-tracking)
19. [Newsletters & Email](#newsletters--email)
20. [Payments & E-commerce](#payments--e-commerce)
21. [Search](#search)
22. [Security & Spam Protection](#security--spam-protection)
23. [Static Site Generators](#static-site-generators)
24. [Surveys & Feedback](#surveys--feedback)
25. [Typography & Web Fonts](#typography--web-fonts)

### Contributing & Community

- [How to Contribute](#how-to-contribute)
- [Submission Guidelines](#submission-guidelines)
- [Community & Discussion](#community--discussion)
- [License](#license)

---

### Pricing & License Legend

> [!NOTE]
> **Tool Overview Pages**: Clicking any tool name in the **Tool** column takes you to a dedicated overview page with key features, static site integration guides, and code examples. To visit the tool's external homepage directly, use the link in the **Website** column.

<table width="100%">
<thead>
  <tr>
    <th width="30%" align="left">Badge</th>
    <th width="70%" align="left">Meaning</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td>Open-source software with publicly available source code</td>
  </tr>
  <tr>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td>Completely free to use with zero billing requirements</td>
  </tr>
  <tr>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td>Generous free tier available with optional paid tiers</td>
  </tr>
  <tr>
    <td><img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td>Commercial service or one-time license purchase</td>
  </tr>
</tbody>
</table>


---

## AI & Content Creation

AI-powered tools for writing website copy, drafting blog articles, creating structured markdown, and generating visual content.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="ai-content-creation/chatgpt.md">ChatGPT</a></td>
    <td>Conversational AI model for drafting blog posts, website copy, and HTML/markdown content</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://chatgpt.com/" target="_blank" rel="noopener noreferrer">chatgpt.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-content-creation/claude.md">Claude</a></td>
    <td>Advanced AI assistant with large context windows for writing long-form articles and documentation</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://claude.ai/" target="_blank" rel="noopener noreferrer">claude.ai</a></td>
  </tr>
  <tr>
    <td><a href="ai-content-creation/google-gemini.md">Google Gemini</a></td>
    <td>Multimodal AI assistant for research, drafting website copy, and generating structured content</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://gemini.google.com/" target="_blank" rel="noopener noreferrer">gemini.google.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-content-creation/perplexity.md">Perplexity</a></td>
    <td>AI-powered research and citation engine for writing factual, accurate blog posts and documentation</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.perplexity.ai/" target="_blank" rel="noopener noreferrer">perplexity.ai</a></td>
  </tr>
  <tr>
    <td><a href="ai-content-creation/recraft.md">Recraft</a></td>
    <td>AI design tool for generating vector SVGs, 3D graphics, and icons for web pages</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.recraft.ai/" target="_blank" rel="noopener noreferrer">recraft.ai</a></td>
  </tr>
</tbody>
</table>

## AI Models

Leading proprietary and open-weights foundation models powering web APIs, code generation, and client-side inference.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="ai-models/chatgpt-openai.md">ChatGPT (OpenAI)</a></td>
    <td>OpenAI's flagship multimodal foundation model family (GPT-4o / o-series)</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://openai.com/" target="_blank" rel="noopener noreferrer">openai.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/claude-anthropic.md">Claude (Anthropic)</a></td>
    <td>Frontier reasoning and coding models with 200k+ token context windows</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://anthropic.com/" target="_blank" rel="noopener noreferrer">anthropic.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/cohere-command.md">Cohere Command</a></td>
    <td>Enterprise foundation model optimized for search, RAG, and document grounding</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://cohere.com/" target="_blank" rel="noopener noreferrer">cohere.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/deepseek.md">DeepSeek</a></td>
    <td>High-efficiency open-weights reasoning and coding models (DeepSeek-V3 / R1)</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://deepseek.com/" target="_blank" rel="noopener noreferrer">deepseek.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/google-gemini-model.md">Google Gemini</a></td>
    <td>Multimodal frontier model family with up to 2M token context windows</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://ai.google.dev/" target="_blank" rel="noopener noreferrer">ai.google.dev</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/grok-xai.md">Grok (xAI)</a></td>
    <td>Frontier reasoning and coding model with real-time web knowledge integration</td>
    <td><img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td><a href="https://x.ai/" target="_blank" rel="noopener noreferrer">x.ai</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/meta-llama.md">Meta Llama</a></td>
    <td>Leading open-weights foundation model family for local and cloud deployment</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://llama.meta.com/" target="_blank" rel="noopener noreferrer">llama.meta.com</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/microsoft-phi.md">Microsoft Phi</a></td>
    <td>High-efficiency small language models (SLMs) built for edge and browser execution</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://azure.microsoft.com/en-us/products/phi/" target="_blank" rel="noopener noreferrer">azure.microsoft.com/.../phi</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/mistral-ai.md">Mistral AI</a></td>
    <td>High-speed open and commercial models including Codestral and Mistral Large</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://mistral.ai/" target="_blank" rel="noopener noreferrer">mistral.ai</a></td>
  </tr>
  <tr>
    <td><a href="ai-models/qwen.md">Qwen</a></td>
    <td>Alibaba Cloud's open-weights model family (Qwen 2.5) with advanced coding mastery</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://qwenlm.github.io/" target="_blank" rel="noopener noreferrer">qwenlm.github.io</a></td>
  </tr>
</tbody>
</table>

## Analytics & Privacy

Understand website traffic, visitor behavior, and page performance.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="analytics-privacy/goatcounter.md">GoatCounter</a></td>
    <td>Lightweight, privacy-friendly web analytics</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.goatcounter.com/" target="_blank" rel="noopener noreferrer">goatcounter.com</a></td>
  </tr>
  <tr>
    <td><a href="analytics-privacy/plausible.md">Plausible</a></td>
    <td>Privacy-focused website analytics</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td><a href="https://plausible.io/" target="_blank" rel="noopener noreferrer">plausible.io</a></td>
  </tr>
  <tr>
    <td><a href="analytics-privacy/umami.md">Umami</a></td>
    <td>Open-source website analytics</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://umami.is/" target="_blank" rel="noopener noreferrer">umami.is</a></td>
  </tr>
</tbody>
</table>

## Authentication & User Management

Add user login, member areas, and gated content to static sites without backend code.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="authentication-users/clerk.md">Clerk</a></td>
    <td>User management and auth with drop-in UI and vanilla JS SDK</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://clerk.com/" target="_blank" rel="noopener noreferrer">clerk.com</a></td>
  </tr>
  <tr>
    <td><a href="authentication-users/outseta.md">Outseta</a></td>
    <td>All-in-one membership, authentication, payments, and CRM</td>
    <td><img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td><a href="https://outseta.com/" target="_blank" rel="noopener noreferrer">outseta.com</a></td>
  </tr>
  <tr>
    <td><a href="payments-ecommerce/reflow.md">Reflow</a></td>
    <td>User sign-in, session auth, and subscriber management for static frontends</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://reflowhq.com/" target="_blank" rel="noopener noreferrer">reflowhq.com</a></td>
  </tr>
  <tr>
    <td><a href="authentication-users/supabase-auth.md">Supabase Auth</a></td>
    <td>Open-source auth supporting passwordless logins, OAuth, and JWTs</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://supabase.com/auth" target="_blank" rel="noopener noreferrer">supabase.com/auth</a></td>
  </tr>
</tbody>
</table>

## Booking & Scheduling

Allow visitors to book appointments and discovery calls directly from static pages.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="booking-scheduling/cal-com.md">Cal.com</a></td>
    <td>Open-source, embeddable meeting scheduling infrastructure</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://cal.com/" target="_blank" rel="noopener noreferrer">cal.com</a></td>
  </tr>
  <tr>
    <td><a href="booking-scheduling/calendly.md">Calendly</a></td>
    <td>Industry-standard appointment scheduling with embeddable widgets</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://calendly.com/" target="_blank" rel="noopener noreferrer">calendly.com</a></td>
  </tr>
</tbody>
</table>

## Comments & Community

Let visitors comment on blog posts and interact with your content.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="comments-community/disqus.md">Disqus</a></td>
    <td>Hosted commenting system for websites</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://disqus.com/" target="_blank" rel="noopener noreferrer">disqus.com</a></td>
  </tr>
  <tr>
    <td><a href="comments-community/giscus.md">Giscus</a></td>
    <td>GitHub Discussions-powered comments using GitHub Discussions</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://giscus.app/" target="_blank" rel="noopener noreferrer">giscus.app</a></td>
  </tr>
  <tr>
    <td><a href="comments-community/utterances.md">Utterances</a></td>
    <td>Lightweight commenting powered by GitHub issues</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://utteranc.es/" target="_blank" rel="noopener noreferrer">utteranc.es</a></td>
  </tr>
</tbody>
</table>

## Contact Forms

Add contact forms to static websites without building your own form-processing backend.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="contact-forms/basin.md">Basin</a></td>
    <td>Hosted form backend for static websites</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://usebasin.com/" target="_blank" rel="noopener noreferrer">usebasin.com</a></td>
  </tr>
  <tr>
    <td><a href="contact-forms/craftforms.md">CraftForms</a></td>
    <td>Booking, quote, and contact form builder with payment support</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://craftforms.app/" target="_blank" rel="noopener noreferrer">craftforms.app</a></td>
  </tr>
  <tr>
    <td><a href="contact-forms/formspree.md">Formspree</a></td>
    <td>Form submissions and email notifications</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://formspree.io/" target="_blank" rel="noopener noreferrer">formspree.io</a></td>
  </tr>
  <tr>
    <td><a href="contact-forms/splitform.md">Splitform</a></td>
    <td>Contact forms and form handling for websites</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://splitforms.com/" target="_blank" rel="noopener noreferrer">splitforms.com</a></td>
  </tr>
</tbody>
</table>

## Content Management

Manage content on static websites without adopting a traditional, full-featured CMS.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="content-management/craftpages.md">CraftPages</a></td>
    <td>Open-source desktop CMS for plain-HTML websites</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://craftpages.app/" target="_blank" rel="noopener noreferrer">craftpages.app</a></td>
  </tr>
  <tr>
    <td><a href="content-management/decap-cms.md">Decap CMS</a></td>
    <td>Open-source content management for Git-based websites</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://decapcms.org/" target="_blank" rel="noopener noreferrer">decapcms.org</a></td>
  </tr>
  <tr>
    <td><a href="content-management/pages-cms.md">Pages CMS</a></td>
    <td>Git-based content management with a browser interface</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://pagescms.org/" target="_blank" rel="noopener noreferrer">pagescms.org</a></td>
  </tr>
</tbody>
</table>

## CSS & UI Component Libraries

Build responsive, accessible user interfaces without complex build steps or heavy frameworks.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="css-components/bulma.md">Bulma</a></td>
    <td>Modern Flexbox CSS framework with zero JavaScript dependencies</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://bulma.io/" target="_blank" rel="noopener noreferrer">bulma.io</a></td>
  </tr>
  <tr>
    <td><a href="css-components/lucide-icons.md">Lucide Icons</a></td>
    <td>Clean, customizable open-source icon set with vanilla JS & SVG support</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://lucide.dev/" target="_blank" rel="noopener noreferrer">lucide.dev</a></td>
  </tr>
  <tr>
    <td><a href="css-components/pico-css.md">Pico CSS</a></td>
    <td>Minimal, semantic classless CSS framework styling pure HTML</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://picocss.com/" target="_blank" rel="noopener noreferrer">picocss.com</a></td>
  </tr>
  <tr>
    <td><a href="css-components/shoelace.md">Shoelace</a></td>
    <td>Professional library of framework-agnostic web components</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://shoelace.style/" target="_blank" rel="noopener noreferrer">shoelace.style</a></td>
  </tr>
</tbody>
</table>

## Database & Backend-as-a-Service

Store, query, and synchronize data from static frontends without maintaining servers.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="database-storage/firebase-firestore.md">Firebase Firestore</a></td>
    <td>Real-time cloud NoSQL database that static frontends can query directly</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://firebase.google.com/" target="_blank" rel="noopener noreferrer">firebase.google.com</a></td>
  </tr>
  <tr>
    <td><a href="database-storage/jsonbin.md">JSONbin.io</a></td>
    <td>Cloud JSON document store for saving and fetching data via REST APIs</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://jsonbin.io/" target="_blank" rel="noopener noreferrer">jsonbin.io</a></td>
  </tr>
  <tr>
    <td><a href="database-storage/supabase.md">Supabase</a></td>
    <td>Open-source Firebase alternative with real-time Postgres and REST APIs</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://supabase.com/" target="_blank" rel="noopener noreferrer">supabase.com</a></td>
  </tr>
</tbody>
</table>

## Development Tools

Tools that make building, testing, and maintaining static websites easier.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="development-tools/antigravity-cli.md">Antigravity CLI</a></td>
    <td>Terminal-native AI coding agent with slash commands and workflow automation</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://antigravity.google/docs/cli" target="_blank" rel="noopener noreferrer">antigravity.google/docs/cli</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/antigravity-ide.md">Antigravity IDE</a></td>
    <td>AI-first development environment with pair programming and browser automation</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://antigravity.google/" target="_blank" rel="noopener noreferrer">antigravity.google</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/bootstrap-studio.md">Bootstrap Studio</a></td>
    <td>Visual desktop web design editor for creating responsive Bootstrap sites and exporting clean HTML</td>
    <td><img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td><a href="https://bootstrapstudio.io/" target="_blank" rel="noopener noreferrer">bootstrapstudio.io</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/brickstatic.md">Brickstatic</a></td>
    <td>Export and publish WordPress Bricks sites as static HTML to GitHub or any host</td>
    <td><img src="https://img.shields.io/badge/Paid-d97706?style=flat-square" alt="Paid"></td>
    <td><a href="https://builtforbricks.com/brickstatic/" target="_blank" rel="noopener noreferrer">builtforbricks.com/brickstatic</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/cursor.md">Cursor</a></td>
    <td>AI-powered code editor with multi-file Composer and predictive completions</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://cursor.com/" target="_blank" rel="noopener noreferrer">cursor.com</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/eslint.md">ESLint</a></td>
    <td>Find and fix problems in JavaScript code</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://eslint.org/" target="_blank" rel="noopener noreferrer">eslint.org</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/github-desktop.md">GitHub Desktop</a></td>
    <td>Visual Git GUI client to stage changes, manage branches, and sync repositories</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://desktop.github.com/" target="_blank" rel="noopener noreferrer">desktop.github.com</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/google-lighthouse.md">Google Lighthouse</a></td>
    <td>Audit performance, accessibility, SEO, and best practices</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://developer.chrome.com/docs/lighthouse/" target="_blank" rel="noopener noreferrer">developer.chrome.com/docs/lighthouse</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/opencode.md">OpenCode</a></td>
    <td>Open-source AI coding agent with a terminal TUI and editor extensions</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://opencode.ai/" target="_blank" rel="noopener noreferrer">opencode.ai</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/prettier.md">Prettier</a></td>
    <td>Code formatter for HTML, CSS, JavaScript, and more</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://prettier.io/" target="_blank" rel="noopener noreferrer">prettier.io</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/visual-studio-code.md">Visual Studio Code</a></td>
    <td>Code editor with extensions for web development</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://code.visualstudio.com/" target="_blank" rel="noopener noreferrer">code.visualstudio.com</a></td>
  </tr>
  <tr>
    <td><a href="development-tools/zed.md">Zed</a></td>
    <td>High-performance, GPU-accelerated code editor with built-in multiplayer and AI</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://zed.dev/" target="_blank" rel="noopener noreferrer">zed.dev</a></td>
  </tr>
</tbody>
</table>

## Hosting & Deployment

Services for publishing static HTML, CSS, and JavaScript websites online.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="hosting-deployment/cloudflare-pages.md">Cloudflare Pages</a></td>
    <td>Deploy static sites with Git integration and edge services</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://pages.cloudflare.com/" target="_blank" rel="noopener noreferrer">pages.cloudflare.com</a></td>
  </tr>
  <tr>
    <td><a href="hosting-deployment/github-pages.md">GitHub Pages</a></td>
    <td>Host websites directly from GitHub repositories</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://pages.github.com/" target="_blank" rel="noopener noreferrer">pages.github.com</a></td>
  </tr>
  <tr>
    <td><a href="hosting-deployment/netlify.md">Netlify</a></td>
    <td>Static hosting with deployment automation and additional services</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.netlify.com/" target="_blank" rel="noopener noreferrer">netlify.com</a></td>
  </tr>
  <tr>
    <td><a href="hosting-deployment/vercel.md">Vercel</a></td>
    <td>Deploy static websites and frontend applications</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://vercel.com/" target="_blank" rel="noopener noreferrer">vercel.com</a></td>
  </tr>
  <tr>
    <td><a href="hosting-deployment/wasmer.md">Wasmer</a></td>
    <td>Host and deploy static websites and web applications</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://wasmer.io/" target="_blank" rel="noopener noreferrer">wasmer.io</a></td>
  </tr>
</tbody>
</table>

## Images & Optimization

Optimize images and other assets to improve loading speed and user experience.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="images-optimization/file-converter.md">File Converter</a></td>
    <td>Windows context-menu tool to convert and compress images (Windows 11 supported)</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://github.com/Tichau/FileConverter" target="_blank" rel="noopener noreferrer">github.com/Tichau/FileConverter</a></td>
  </tr>
  <tr>
    <td><a href="images-optimization/squoosh.md">Squoosh</a></td>
    <td>Compress and convert images in your browser</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://squoosh.app/" target="_blank" rel="noopener noreferrer">squoosh.app</a></td>
  </tr>
  <tr>
    <td><a href="images-optimization/svg-repo.md">SVG Repo</a></td>
    <td>Browse and download SVG icons and illustrations</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://svgrepo.com/" target="_blank" rel="noopener noreferrer">svgrepo.com</a></td>
  </tr>
  <tr>
    <td><a href="images-optimization/tinypng.md">TinyPNG</a></td>
    <td>Compress PNG, JPEG, WebP, and other supported image formats</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://tinypng.com/" target="_blank" rel="noopener noreferrer">tinypng.com</a></td>
  </tr>
</tbody>
</table>

## Interactive Maps & Geolocation

Add mobile-friendly, interactive vector and raster maps without API billing hurdles.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="maps-geolocation/leaflet.md">Leaflet.js</a></td>
    <td>Lightweight open-source JavaScript library for mobile-friendly interactive maps</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://leafletjs.com/" target="_blank" rel="noopener noreferrer">leafletjs.com</a></td>
  </tr>
  <tr>
    <td><a href="maps-geolocation/mapbox-gl-js.md">Mapbox GL JS</a></td>
    <td>Interactive WebGL vector maps with custom styles and smooth rendering</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.mapbox.com/mapbox-gl-js" target="_blank" rel="noopener noreferrer">mapbox.com/mapbox-gl-js</a></td>
  </tr>
</tbody>
</table>

## Interactive Scripts & Animation

Add carousels, image lightboxes, and scroll animations to static pages with vanilla JS.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="interactive-scripts/aos.md">AOS (Animate On Scroll)</a></td>
    <td>Animate elements on scroll using simple HTML data attributes</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://michalsnik.github.io/aos/" target="_blank" rel="noopener noreferrer">michalsnik.github.io/aos</a></td>
  </tr>
  <tr>
    <td><a href="interactive-scripts/photoswipe.md">PhotoSwipe</a></td>
    <td>Lightweight JavaScript image gallery and lightbox with smooth zoom</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://photoswipe.com/" target="_blank" rel="noopener noreferrer">photoswipe.com</a></td>
  </tr>
  <tr>
    <td><a href="interactive-scripts/swiper.md">Swiper.js</a></td>
    <td>Mobile touch slider with hardware-accelerated transitions</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://swiperjs.com/" target="_blank" rel="noopener noreferrer">swiperjs.com</a></td>
  </tr>
</tbody>
</table>

## Live Chat & Support

Engage visitors and answer questions in real time with lightweight chat widgets.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="live-chat/crisp.md">Crisp</a></td>
    <td>Multichannel customer messaging and live chat widget</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://crisp.chat/" target="_blank" rel="noopener noreferrer">crisp.chat</a></td>
  </tr>
  <tr>
    <td><a href="live-chat/tawk-to.md">Tawk.to</a></td>
    <td>100% free live chat application to monitor and chat with visitors</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://www.tawk.to/" target="_blank" rel="noopener noreferrer">tawk.to</a></td>
  </tr>
</tbody>
</table>

## Media & Video Players

Embed audio, video, and streaming media without intrusive third-party ads or trackers.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="media-players/mux-player.md">Mux Player</a></td>
    <td>Responsive, high-performance web video player with automatic HLS streaming</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://mux.com/player" target="_blank" rel="noopener noreferrer">mux.com/player</a></td>
  </tr>
  <tr>
    <td><a href="media-players/plyr.md">Plyr</a></td>
    <td>Simple, lightweight, accessible HTML5 media player for video, audio, and YouTube</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://plyr.io/" target="_blank" rel="noopener noreferrer">plyr.io</a></td>
  </tr>
  <tr>
    <td><a href="media-players/wavesurfer.md">Wavesurfer.js</a></td>
    <td>Customizable interactive audio waveform visualizer and player in vanilla JS</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://wavesurfer.xyz/" target="_blank" rel="noopener noreferrer">wavesurfer.xyz</a></td>
  </tr>
</tbody>
</table>

## Monitoring & Error Tracking

Detect client-side JavaScript crashes and monitor performance in production.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="monitoring-errors/logrocket.md">LogRocket</a></td>
    <td>Session replay and frontend telemetry to reproduce user-facing issues</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://logrocket.com/" target="_blank" rel="noopener noreferrer">logrocket.com</a></td>
  </tr>
  <tr>
    <td><a href="monitoring-errors/sentry.md">Sentry</a></td>
    <td>Frontend JavaScript error monitoring and performance tracing</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"> <img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://sentry.io/" target="_blank" rel="noopener noreferrer">sentry.io</a></td>
  </tr>
</tbody>
</table>

## Newsletters & Email

Collect subscribers, send newsletters, and handle email delivery from static websites.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="newsletters-email/brevo.md">Brevo</a></td>
    <td>Email marketing and transactional email services</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://brevo.com/" target="_blank" rel="noopener noreferrer">brevo.com</a></td>
  </tr>
  <tr>
    <td><a href="newsletters-email/buttondown.md">Buttondown</a></td>
    <td>Newsletter publishing and subscriber management</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://buttondown.com/" target="_blank" rel="noopener noreferrer">buttondown.com</a></td>
  </tr>
  <tr>
    <td><a href="newsletters-email/emailit.md">Emailit</a></td>
    <td>Email API for sending messages from applications and websites</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://emailit.com/" target="_blank" rel="noopener noreferrer">emailit.com</a></td>
  </tr>
</tbody>
</table>

## Payments & E-commerce

Sell digital downloads, services, memberships, and other products from static websites.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="payments-ecommerce/lemon-squeezy.md">Lemon Squeezy</a></td>
    <td>Sell digital products and manage online payments</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://www.lemonsqueezy.com/" target="_blank" rel="noopener noreferrer">lemonsqueezy.com</a></td>
  </tr>
  <tr>
    <td><a href="payments-ecommerce/payhip.md">Payhip</a></td>
    <td>Sell digital downloads, memberships, and other products</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://payhip.com/" target="_blank" rel="noopener noreferrer">payhip.com</a></td>
  </tr>
  <tr>
    <td><a href="payments-ecommerce/paymentform.md">PaymentForm</a></td>
    <td>Create custom checkout forms to accept payments, tickets, and donations</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://paymentform.io/" target="_blank" rel="noopener noreferrer">paymentform.io</a></td>
  </tr>
  <tr>
    <td><a href="payments-ecommerce/reflow.md">Reflow</a></td>
    <td>Add e-commerce stores, shopping carts, subscriptions, and user auth to static sites</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://reflowhq.com/" target="_blank" rel="noopener noreferrer">reflowhq.com</a></td>
  </tr>
  <tr>
    <td><a href="payments-ecommerce/stripe-payment-links.md">Stripe Payment Links</a></td>
    <td>Accept payments through hosted checkout links</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://stripe.com/payments/payment-links" target="_blank" rel="noopener noreferrer">stripe.com/payments/payment-links</a></td>
  </tr>
</tbody>
</table>

## Search

Add search functionality to static websites, documentation, and blogs.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="search/algolia.md">Algolia</a></td>
    <td>Hosted search service with frontend integrations</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.algolia.com/" target="_blank" rel="noopener noreferrer">algolia.com</a></td>
  </tr>
  <tr>
    <td><a href="search/pagefind.md">Pagefind</a></td>
    <td>Static search indexing designed for static websites</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://pagefind.app/" target="_blank" rel="noopener noreferrer">pagefind.app</a></td>
  </tr>
</tbody>
</table>

## Security & Spam Protection

Protect forms and websites against automated spam and abuse.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="security-spam-protection/cloudflare-turnstile.md">Cloudflare Turnstile</a></td>
    <td>Privacy-friendly CAPTCHA alternative</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://developers.cloudflare.com/turnstile/" target="_blank" rel="noopener noreferrer">developers.cloudflare.com/turnstile</a></td>
  </tr>
  <tr>
    <td><a href="security-spam-protection/google-recaptcha.md">Google reCAPTCHA</a></td>
    <td>Bot detection and abuse prevention</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://cloud.google.com/security/products/recaptcha" target="_blank" rel="noopener noreferrer">cloud.google.com/security/products/recaptcha</a></td>
  </tr>
  <tr>
    <td><a href="security-spam-protection/hcaptcha.md">hCaptcha</a></td>
    <td>Challenge-based bot and abuse protection</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://www.hcaptcha.com/" target="_blank" rel="noopener noreferrer">hcaptcha.com</a></td>
  </tr>
</tbody>
</table>

## Static Site Generators

Build fast, pre-rendered static HTML websites from templates and Markdown.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="static-site-generators/astro.md">Astro</a></td>
    <td>Content-driven static web framework that ships zero JS by default</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://astro.build/" target="_blank" rel="noopener noreferrer">astro.build</a></td>
  </tr>
  <tr>
    <td><a href="static-site-generators/eleventy.md">Eleventy (11ty)</a></td>
    <td>Simple, flexible static generator converting templates to fast HTML</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://www.11ty.dev/" target="_blank" rel="noopener noreferrer">11ty.dev</a></td>
  </tr>
  <tr>
    <td><a href="static-site-generators/hugo.md">Hugo</a></td>
    <td>Extremely fast static site generator rendering pages in milliseconds</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">gohugo.io</a></td>
  </tr>
</tbody>
</table>

## Surveys & Feedback

Gather visitor responses, run interactive polls, and publish product roadmaps.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="surveys-feedback/sleekplan.md">Sleekplan</a></td>
    <td>All-in-one user feedback board, public roadmap, and changelog widget</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://sleekplan.com/" target="_blank" rel="noopener noreferrer">sleekplan.com</a></td>
  </tr>
  <tr>
    <td><a href="surveys-feedback/tally.md">Tally</a></td>
    <td>Intuitive form and survey builder with unlimited free forms and embeds</td>
    <td><img src="https://img.shields.io/badge/Freemium-0969da?style=flat-square" alt="Freemium"></td>
    <td><a href="https://tally.so/" target="_blank" rel="noopener noreferrer">tally.so</a></td>
  </tr>
</tbody>
</table>

## Typography & Web Fonts

Self-host open-source web fonts or use privacy-first, GDPR-compliant CDN font services.

<table width="100%">
<thead>
  <tr>
    <th width="20%" align="left">Tool</th>
    <th width="45%" align="left">Description</th>
    <th width="20%" align="left">Pricing / License</th>
    <th width="15%" align="left">Website</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td><a href="typography-fonts/bunny-fonts.md">Bunny Fonts</a></td>
    <td>Privacy-first, GDPR-compliant drop-in alternative to Google Fonts</td>
    <td><img src="https://img.shields.io/badge/Free-1a7f37?style=flat-square" alt="Free"></td>
    <td><a href="https://fonts.bunny.net/" target="_blank" rel="noopener noreferrer">fonts.bunny.net</a></td>
  </tr>
  <tr>
    <td><a href="typography-fonts/fontsource.md">Fontsource</a></td>
    <td>Self-host open-source fonts locally with zero external network requests</td>
    <td><img src="https://img.shields.io/badge/Open_Source-238636?style=flat-square" alt="Open Source"></td>
    <td><a href="https://fontsource.org/" target="_blank" rel="noopener noreferrer">fontsource.org</a></td>
  </tr>
</tbody>
</table>

---

## How to Contribute

This is a community-maintained list. If you know a tool that helps people build or maintain static websites, contributions are welcome! Please see our [Contributing Guide](CONTRIBUTING.md) for full submission guidelines and templates.

You can contribute by:

- Adding a new tool to an existing category.
- Suggesting a new category.
- Correcting an outdated link or description.
- Sharing a free or open-source alternative.
- Updating information about a tool that has changed.

### Option 1: Submit via GitHub Issues (Recommended)

The easiest way to submit new sites, tools, and links is directly through our GitHub Issues:

1. Go to the **<a href="https://github.com/E6WeB/htmlstatic/issues" target="_blank" rel="noopener noreferrer">GitHub Issues Section</a>** and click **<a href="https://github.com/E6WeB/htmlstatic/issues/new/choose" target="_blank" rel="noopener noreferrer">New Issue</a>**.
2. Use the **Submit a Tool or Site** template.
3. Provide the tool name, official HTTPS website, category, and a one-sentence description.
4. Submit the issue! Once the site is verified, it will be added to `README.md`.

### Option 2: Submit a Pull Request

If you prefer to edit Markdown directly:

1. Fork this repository.
2. Edit `README.md` and add your entry to the most appropriate category table.
3. Keep the entry consistent with the existing format (see [CONTRIBUTING.md](CONTRIBUTING.md)).
4. Submit a pull request explaining what the tool does and why it belongs on the list.

---

## Submission Guidelines

To keep this resource useful and organized:

- **Relevance**: Tools must be useful for building, hosting, managing, or enhancing static websites or frontend projects.
- **Working links**: Submit the official website whenever possible.
- **Clear descriptions**: Explain what the tool does in one sentence.
- **Honest listings**: Clearly identify free, freemium, paid, and open-source options when known.
- **Zero advertisement & no affiliate links**: Zero advertisement and no affiliate links are allowed. No link schemes, promotional campaigns disguised as recommendations, or affiliate tags.
- **No duplicates**: Check the existing list before submitting a new entry.
- **No affiliation required**: You can submit a tool you use or one you have discovered, whether or not you are affiliated with its creators.
- **Community first**: Favor useful information over advertising or self-promotion.

> [!NOTE]
> Tools are listed for discovery and convenience, not as endorsements. Please verify pricing, features, and service availability on each provider's website.

---

## Help Grow the Collection

Building static websites doesn't mean giving up the features available on larger platforms. The right combination of tools can help you build blogs, portfolios, business websites, documentation, online stores, and much more.

If you know a service that belongs here, share it!  
Star this repository, contribute a tool, and help make static website development easier for everyone.

---

## Community & Discussion

Looking to connect with other developers and learn how to make static websites dynamic?  
Join our community on Facebook: **<a href="https://www.facebook.com/groups/dynamicwebsites" target="_blank" rel="noopener noreferrer">Dynamic Websites Facebook Group</a>**

Check out our [Thank You page](THANKYOU.md) for community acknowledgments and appreciation!

---

## License

This list is available under the <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank" rel="noopener noreferrer">Creative Commons Zero (CC0 1.0) license</a>, allowing others to share, adapt, and reuse the collection with minimal restrictions.