Open Source & Free Tools for Web Workers

Remote Rocketship is a powerful job search platform designed to help you land your dream remote career by uncovering thousands of opportunities that other job boards miss.

Here are the key benefits that give you a competitive edge:

• Access to "Hidden" Jobs: Unlike traditional job boards that require companies to pay for listings, Remote Rocketship scrapes the entire internet daily to find jobs directly from company websites. This ensures you don't miss out on positions from top companies that choose not to use paid platforms like LinkedIn.

• A Crucial Head Start: In a competitive market, being first matters. The tool finds jobs as soon as they are posted, allowing you to submit your application before the competition even knows the role exists.

• Effortless Job Hunting: Instead of manual searching, you can set up daily email alerts that deliver the latest openings tailored to your specific interests directly to your inbox.

• Hyper-Targeted Search: You can filter through over 100,000 remote jobs using granular criteria such as minimum salary, tech stack (e.g., Python, AWS), visa sponsorship (H1B), or even "no degree required" roles.

• Global and Diverse Opportunities: The platform covers a vast range of industries—including AI, Fintech, Cybersecurity, and Marketing—and tracks remote-friendly roles in the US, Canada, Europe, Brazil, and worldwide.

• Authenticity and Trust: Built originally as a personal tool to help the founder's wife find work, the service focuses on providing legitimate, up-to-date work-from-home listings by checking company websites multiple times a day.
  
  The website link is an affiliate link.

ShipFast is a comprehensive NextJS boilerplate designed to help entrepreneurs and developers launch startups as quickly as possible, ideally within minutes. It provides a pre-configured foundation that includes all the essential "plumbing" of a modern web application so users don't have to build common features from scratch.

The main features of the tool include:

• Full-Stack Infrastructure: It comes integrated with Next-Auth for user authentication (supporting Google OAuth and Magic Links) and offers out-of-the-box support for databases like MongoDB and Supabase.

• Ready-to-Use UI Components: The boilerplate includes a wide array of React components specifically for conversion, such as pricing tables, FAQ sections, testimonials, and "Hero" sections.

• Monetization & Communication: It features built-in integrations for Stripe subscriptions and payments, along with email handling systems for tools like Mailgun or Resend.

• Optimized for Growth: The tool is pre-configured with SEO best practices, analytics, and customer support modules to help a new business scale.

• Security & Reliability: It incorporates essential security features such as rate limiting, schema validation, and security headers to protect the application.

• Centralized Customization: Most of the app's behavior is controlled through a single config.js file, which acts as the backbone of the application and simplifies the setup process.

The project structure is designed for efficiency, with dedicated directories for API routes, database models, and library helper functions, allowing for a clean and scalable codebase.

NumberFlow is an animated number component for React designed to provide smooth, accessible, and highly customizable numerical transitions. It is a dependency-free tool that automatically handles the complexity of animating digits when their value changes.

The main features of this tool include:

• Automatic Animated Transitions: The component detects when its value prop changes and automatically triggers a smooth transition between the old and new numbers.

• Built-in Formatting and Localization: It leverages the standard Intl.NumberFormat API, allowing you to easily apply formatting options (like currency or compact notation) and specific locales. You can also add custom prefixes and suffixes.

• Fine-Grained Animation Control:

  • Timings: You can customize the duration and easing for layout transforms, digit spin animations, and opacity fades independently.

  • Trends: You can control the direction of the digits—forcing them to always go up, always go down, or follow the natural direction of the value change.

  • Continuous Transitions: A dedicated plugin allows numbers to appear to pass through all in-between values during a transition.

• Layout Synchronization:

  • Grouping: The <NumberFlowGroup> component allows you to sync transitions between multiple related number components so they move together harmoniously.

  • Isolation: The isolate prop can be used to prevent a number's transition from affecting other layout changes on the page.

• Advanced Styling Options: NumberFlow uses a custom element under the hood, exposing specific CSS "parts" (like ::part(suffix)) for detailed styling. It also provides custom CSS properties to adjust masking gradients and character heights.

• Accessibility and Performance: By default, the tool respects user motion preferences. It also supports the will-change property to optimize performance for numbers that update frequently.

• Developer Hooks: It includes the useCanAnimate hook, which allows developers to check if the user's browser supports the necessary animation features and if they have enabled motion preferences.

Zeroform is a static and dynamic online form generator available for macOS and Linux. It allows users to create web forms by writing a plaintext blueprint that describes the title, fields, prompts, and requirements.

Here is a summary of its principal functionalities:

Form Generation Modes

From a single blueprint, the tool can generate two types of forms depending on the user's hosting needs:

• Dynamic Forms: These are PHP-augmented and work on most PHP-enabled web hosts. They include a file-based storage mechanism and a minimal admin interface to view and export submissions.

• Static Forms: Composed only of HTML, CSS, and JavaScript, these forms work on virtually any web host. Since they do not store data locally, they allow for submissions via email or direct messages.

Simple Workflow and Deployment

• Plaintext Configuration: Users define the form structure using a simple syntax (e.g., text.title, select.option, text.required) in a blueprint file.

• Command-Line Generation: To create the deployable files, the user simply runs a command pointing to the blueprint file.

• Direct Deployment: Putting a form online or taking it offline is as simple as moving the generated files onto or off the webspace.

Build Management

• Automated Output: By default, Zeroform generates the resulting files in a hidden directory adjacent to the blueprint.

• Customizable Build Paths: Users can override the default output location using a specific flag, though the tool warns that this directory is wiped on each build to ensure a clean generation.

Open Source and Licensing

• AGPLv3+ License: The tool is free software, and its source code is publicly available on Codeberg.

Zeroform acts like a specialized printing press for the web: instead of manually coding every part of a form, you simply provide a "manuscript" (the plaintext blueprint), and the tool instantly prints a finished, functional product that is ready to be delivered to your readers (the web host).

Silex, is a Free Website Builder that is characterized as Libre Software and an Open-Source No-Code platform. S It is often referred to as a promising open-source alternative to tools like Webflow.

Here are the principal functionalities and features of Silex:

1. Core Philosophy and Architecture

• Free and Open Source (Libre Software): Silex is 100% free and open source. It was born free and open-source in 2009. All features are free of charge.

• Non-Profit Backing: Silex is backed and maintained by the non-profit organization Silex Labs, based in Paris, France, which holds the copyright. This commitment prioritizes supporting the commons.

• Licensing: Silex is licensed under AGPL and maintains this license without a Contributor License Agreement (CLA), ensuring the price remains free for everyone without restrictions on software usage.

• Respect and Privacy: Silex emphasizes respect. The websites created using Silex include no tracking nor third-party cookies. The official Silex instance runs on eco-friendly servers controlled by the organization, and user data is not for sale.

• Hosting: Silex offers free hosting. Its official instance is hosted in Europe.

2. Website Creation and Features

• No-Code Designer: Silex provides a No-Code Designer platform for creating websites without coding. It is described as the best "no code" website builder out there.

• Output: It generates fast secure static websites.

• Flexibility and Standards: Silex exposes HTML and CSS concepts, ensuring that what users learn is universally applicable and future-proof, avoiding vendor lock-in. It is built on web and open standards.

• Design Workflow: The workflow uses drag and drop functionality to add components, making it easy to iterate over design.

• Optimization: Websites powered by Silex are fast to load, optimized for SEO, mobile friendly, and accessible.

• Customization (Ultimate Flexibility): Its open architecture and source code mean unparalleled customization, including choices for hosting and CMS integration.

3. Integration and Headless Web

• Headless and Composable Web: Silex is designed as the next-generation builder for the headless, composable, and static web.

• CMS Integration: Silex supports CMS Integration. Users can start with a simple static site and then plug in any CMS to incorporate dynamic data.

• Supported CMS/APIs: It integrates with WordPress, Strapi, Squidex, or a user's own API. This allows clients to edit content while keeping the visual editing simple.

4. Community and Contribution

• Community Focus: Silex is driven By Users For Users. The community includes like-minded developers, no-code developers, web designers, hobbyists, and professionals.

• Contribution: User contributions directly fuel Silex enhancements and community growth. Users can choose which features they work on or fund. The system relies on its users for its future.

• Engagement: The community engages through Forums, Chat, Meetups, and a Newsletter.

• Learning and Resources: Silex offers resources for users to Learn and Grow, including videos, documentation (Wiki), and regular demos/meetups.

5. Monetization and Independence

• User Monetization: Users are the only ones who can monetize their work and their website visitors.

• Independence: Silex offers users control over their tools, costs, and the websites they produce.

• Commercial Partner: While the core product is free, a partner, Elest.io, offers paid hosted Silex for agencies.

TiniJS is structured around several core architectural elements and functionalities:

Core Framework and Structure

TiniJS functions as a conventional framework, providing essential structural elements such as a router, state management, and extendable modules.

User Interface and Components (UI)

The tool includes a UI (User Interface), which is a comprehensive collection of reusable components, blocks, layouts, and pages. These UI elements are available with many design flavors.

Extensibility and Modules

TiniJS is designed for extensibility through Modules. These are installable modules used for adding more features to an application, such as functionality related to Content and PWA (Progressive Web App).

Content Management

A specific feature is Content, which operates as a file-based content management system. Importantly, this system functions without the need for a server and database.

Development Tools and Automation

• Toolbox: TiniJS offers a Toolbox, which serves as a unified place for commonly used tools spanning a wide range of categories.

• CLI (Command Line Interface): It provides a unified CLI tool for working with TiniJS apps. This CLI is also expandable to support other automation tasks.

Server Side

TiniJS includes an optional Server component. This server is designed to manage server/API routes and other server side stuffs.

Temporary fill the logo space with logoipsum until you have the real logo, because that top left corner doesn't looks good to be empty.

There's surely a moment when we need to explore layout or UI but we don't have name for it yet, let alone a logo for it. You stare that blank logo space with dead eyes and you start to fill it with plain square, but it doesn't look good. You start to make that square with a big X mark in it, but it just looks ugly. This is when you can use Logoipsum.

The name Logoipsum is portmanteau of "logo" and "ipsum" (from "Lorem ipsum"), it means "Placeholder logo". See our FAQ to learn more.

Using Logoipsum with your favorite design app

All Logoipsum logos come with SVG/PNG copy and download options. Click to copy a logo's SVG and paste it directly into Illustrator, XD, Sketch, or Figma. Or, download the SVG/PNG file and place it in your favorite design app.

Datastar is a lightweight hypermedia framework designed for building web applications, ranging from simple sites to real-time collaborative web apps. It utilizes a hypermedia-driven approach to achieve powerful frontend functionality.

Architecture and Backend Integration (BYOB):

• Lightweight Core: The framework consists of a single file weighing only 10.75 KiB.

• Bring Your Own Backend (BYOB): Datastar allows users to write their backend in the language of their choice, with SDKs available.

• Server-Side State Management: It simplifies frontend logic by shifting state management to the backend.

• Communication Protocols: Datastar accepts two primary content types: standard HTML responses (text/html) or streamed data via Server-Sent Events (SSE) (text/event-stream).

Reactivity and Frontend Development:

• Zero User-JS: It enables the creation of reactive frontends with no user-JS (JavaScript).

• Attribute-Driven Reactivity: Reactivity is added to the frontend using specific data-* attributes, such as data-attr-* for reactive signals or data-on-click for initiating actions (like fetching an endpoint).

• Backend Control of DOM: The framework allows the backend to modify the DOM and state directly.

• Real-time Functionality: Datastar provides multiplayer and realtime capabilities for free, enabling the creation of reactive, realtime applications.

Performance and Comparative Advantages:

• High Performance: It is described as a high-performance framework that allows users to iterate quickly.

• Simplified Ecosystem: Datastar is compared to React, but operates without the network, virtual DOM, hooks, or JavaScript. It aims to avoid the complications of the JS/TS ecosystem.

• Governance: The framework is backed by a nonprofit.

WebTUI est une bibliothèque CSS modulaire conçue pour transposer l'esthétique des Interfaces Utilisateur de Terminal (TUI) dans le navigateur.

Ses principales caractéristiques comprennent :

• Design TUI pour le Navigateur : Son objectif fondamental est d'apporter l'apparence et l'expérience des TUIs au web. Le design est décrit comme allant "HARD".

• Modularité : Il s'agit d'une bibliothèque CSS modulaire.

• Composants UI : La bibliothèque offre une variété de composants UI prêts à l'emploi, tels que Badge, Button, Checkbox, Dialog, Input, Popover, Pre, Radio, Separator, Switch, Table, Textarea, Tooltip, et Typography.

• Thématisation et Plugins : WebTUI supporte la thématisation via des variables CSS, des styles de police, des couleurs, et la gestion des modes clair et sombre. Il prend également en charge les plugins, notamment des plugins officiels pour des thèmes comme Catppuccin, Gruvbox et Nord, ainsi qu'un plugin Nerd Font. Des sections de documentation sont dédiées au développement de plugins et aux couches de style.

• Installation Flexible : La bibliothèque propose différentes méthodes d'installation et d'utilisation, notamment en utilisant CSS, ESM, un CDN, ou une importation complète de la bibliothèque. Des guides d'installation sont disponibles pour des frameworks comme Next.js, Vite et Astro.

• Guides et Documentation : La documentation couvre divers aspects tels que le changelog, une introduction, une section sur les fonctionnalités, la comparaison entre TUIs et GUIs, ainsi que des guides sur la contribution, un guide de style (unités CSS, sélecteurs, documentation), et le développement de plugins.

ALTCHA is a next-generation CAPTCHA and spam protection system. It offers a privacy-first, globally compliant, and accessible alternative to traditional CAPTCHAs.

Features:

• Privacy Compliance: ALTCHA protects against spam and abuse without tracking users. It is designed to be fully compliant with major data protection regulations worldwide, including GDPR, HIPAA, CCPA, PIPEDA/CPPA, LGPD, DPDPA, and PIPL. It uses no cookies, no tracking, and no external servers for core functions, ensuring user privacy.

• Accessibility: It is built with accessibility in mind, adhering to WCAG 2.2 Level AA guidelines and meeting requirements under the European Accessibility Act (EAA). This ensures it works with screen readers and assistive technologies.

• User Experience: ALTCHA aims to provide a frictionless and frustration-free experience for real users. It primarily uses a Proof-of-Work (PoW) verification method, eliminating the need for visual puzzles.

• Technology: It works quietly in the background, using machine learning and pattern recognition to block abuse. It offers adaptive protection that dynamically responds to emerging threats.

• Challenge Mechanisms: The system defaults to PoW. For cases flagged as high-risk, it escalates to a secure code challenge. This code challenge includes an audio component, which is also available in multilingual versions (48+ languages supported, including RTL).

• Robust Security Features (ALTCHA Sentinel): The advanced ALTCHA Sentinel platform offers a range of security features including Bot Detection, Proxy/TOR Detection, Email Verification, Rate Limiting, IP Reputation checks, IP Geo Fencing, Language Detection, Text Classification, and secure form submissions. It provides comprehensive protection.

• Self-Hosted and Customizable: ALTCHA is a self-hosted solution, giving users full control over their spam protection system. It is fully customizable, allowing tailoring of the challenge mechanism to specific needs while maintaining compliance.

• Open Source: The core ALTCHA widget and integration libraries are open-source under the MIT license, offering a free base solution. ALTCHA Sentinel is the optional commercial platform for enhanced security needs.

• Easy Integration: It offers straightforward integration with various languages, frameworks, and CMS platforms.

In essence, ALTCHA provides a secure, compliant, and user-friendly way to protect websites, apps, and services against spam, bots, and automated threats by focusing on privacy, accessibility, and advanced detection methods.

Features :

It primarily focuses on the automated analysis and presentation of multi-dimensional data.

VTable is developed based on Canvas.

It is designed to solve rendering and interactive performance issues when handling large amounts of data, enabling smooth navigation even with millions of data points.

Its main function is to provide data computing and visualization capabilities for multi-dimensional data presentation scenarios, such as perspective analysis and tree display.

The sources mention several usage scenarios supported by VTable, including table themes (like BIGTHT), chart types, sales heatmaps, cell custom layout, perspective tables, and QS Major Rankings.

This tool is a small vanilla JavaScript library that allows making any HTML table sortable by adding the class sortable to the <table> element. Here are the main features:

• Sort by clicking the header: The user can click on a table header (<th>) to change the sorting order of the rows.

• Easy installation: There are several ways to integrate the library:

  • Linking the CSS and JavaScript files via jsDelivr CDN.

  • Copying the files from the dist directory to a local assets folder and linking them.

  • Installing via npm (npm install sortable-tablesort) and then linking the HTML files or importing them into a JavaScript file.

• Non-sortable field management: It is possible to disable sorting for specific columns by using:

  • The class no-sort in the <th> element.

  • CSS rules.

  • Using the <td> element instead of <th> (although this is discouraged for accessibility and styling reasons).

• Sorting indicators (arrows): Arrows indicating the sorting direction can be added via CSS. It is also possible to place them to the left of the text. The library provides example CSS stylesheets for this.

• Sticky headers management: By using the provided CSS file (sortable.min.css) and adding the class sticky to the table, the headers can remain visible during scrolling.

• Specific data sorting: The data-sort attribute in the cells (<td>) allows defining a different value from the displayed one for sorting. This is useful in case of file sizes (KB, MB, GB) or non-standard date formats.

• Alternative sorting: By clicking on a header while holding the shift or alt key, the data-sort-alt attribute is used for sorting instead of data-sort.

• Sorting on a different column (for colspans): The data-sort-col attribute in the <th> element allows specifying a different column to perform the sort on, which is useful in the presence of merged cells (colspan).

• Default sorting order management: Adding the class asc to the <table> element allows defining the default sorting order as ascending.

• Secondary sorting (tiebreaker): The data-sort-tbr attribute in the <th> element allows defining a secondary sorting column to be used when the values of the primary column are identical.

• Null/empty values management: Adding the class n-last to the table (<table class="sortable n-last">) ensures that rows with null or empty values are always sorted last. Note that a string of blank spaces is not considered null/empty.

• Accessibility (A11y): Including the sortable.a11y.min.js file adds basic accessibility features, such as aria-label to the headers and the ability to navigate through the headers with the tab key (tabindex="0"). A global function enhanceSortableAccessibility is provided to activate these features.

• Sort events: The library dispatches two custom events that bubble up the DOM tree: sort-start (when sorting begins) and sort-end (when sorting is complete). It is possible to listen for these events on any parent of the table, including the document.

• Sort on page load: It is possible to trigger a sort on page load by using JavaScript to simulate a click on the desired header.

The library is presented as being small (1.52KB minified, 795 bytes gzipped) and fast, although very large tables may be slow, especially on mobile. It requires the table to have <thead> and <tbody> elements. The management of rowspan is not supported. It is advertised as being compatible with most modern browsers (ie9+ although ie9 compatibility is no longer guaranteed) and works with tables generated by JavaScript thanks to an eventListener. It is also mentioned as working with Svelte, but has not been tested with React, Angular, or Vue.

Waveform Renderer is a lightweight and customizable TypeScript library for rendering audio waveforms on HTML canvas. Its primary function is to create visual representations of audio files.

Features:

• Highly customizable appearance.

• Performant canvas-based rendering. This indicates that the library uses the HTML canvas element for efficient drawing of the waveforms.

• Responsive and touch-friendly, making it suitable for various devices.

• Real-time progress updates, allowing users to see the current playback position.

• Interactive seeking, enabling users to navigate through the audio by interacting with the waveform.

• Written in TypeScript with full type support, which enhances code maintainability and provides better developer experience.

• Resolution independent with HiDPI/Retina support, ensuring crisp visuals on high-resolution screens.

• It offers various configuration options to control the waveform's appearance, such as color, background color, bar width, gap, and progress line styling.

• It provides support for events such as renderStart, renderComplete, seek, error, destroy, ready, resize, and progressChange, allowing developers to respond to different states and interactions.

• The library exports a main WaveformRenderer component and a utility function getPeaksFromAudioBuffer for calculating waveform data from raw audio.

• It includes methods to setOptions, setPeaks, setProgress, and destroy the waveform instance.

• Waveform Renderer is designed to be a focused alternative to larger audio libraries like wavesurfer.js, concentrating solely on waveform visualization and thus having a smaller bundle size and optimized performance for waveform rendering. It does not include features like playback, regions, or spectrograms.

• It supports modern browsers that support Canvas and ES6.

Wavesurfer.js is presented as an open-source audio visualization library in JavaScript designed for creating interactive and customizable audio waveforms. It supports both HTML5 Audio and Web Audio.

Features:

• Core Functionality: It can render responsive and customizable waveforms from audio files. A basic example shows how to display a waveform in a designated HTML container and initiate playback on interaction.

• Extensibility through Plugins: Wavesurfer.js is designed to be highly extensible with plugins. Several official plugins are listed, which add significant functionality:

  • Regions: Enables the creation of clickable overlays on the waveform to mark specific audio segments.

  • Hover: Displays the current time position when the user hovers their mouse over the waveform.

  • Envelope: Provides a graphical interface for controlling fade-in, fade-out, and overall volume of the audio.

  • Record: Allows recording audio directly from the user's microphone and visualizing it as a waveform.

  • Minimap: Displays a smaller overview waveform that can act as a scrollbar for navigating the main waveform.

  • Timeline: Adds visual time markers and labels beneath the waveform for better orientation.

  • Spectrogram: Generates a visual representation of the audio's frequency spectrum using Fast Fourier Transform (FFT).

• Versatile Applications: The examples suggest a wide range of applications for wavesurfer.js:

  • Basic waveform visualization

  • Multi-track audio mixing

  • Adding annotations to audio

  • Real-time audio recording and visualization

  • Implementing a Web Audio equalizer

  • Creating audio players with a SoundCloud-style interface

• Developer-Friendly: It offers a TypeScript API with comprehensive documentation, indicating a focus on providing a well-structured and typed interface for developers. The project also acknowledges its contributors, suggesting an active open-source community.

NES.css is presented as a NES (8-bit) style CSS framework. Its main functionality is to provide components. It's important to note that NES.css focuses solely on components, which means you'll need to define your own layout to use them. For installation, NES.css is available via npm, Yarn or a CDN. The framework is developed by a core team (Core Team Members), and also pays tribute to former active members (Core Team Emeriti) while acknowledging its contributors.

The "ResponsiveImage" JavaScript library has several key features:

• Responsive Images Made Easy The library simplifies the implementation of responsive images.

• Multi-Framework Support It supports various frontend frameworks like Ember, Solid, Svelte, and offers a universal web component, along with Vite and Webpack for local image processing.

• Next-Gen Image Formats It supports modern image formats such as WebP and AVIF, in addition to standard PNG and JPEG, to optimize image quality and file size.

• Local Image Processing It facilitates fast processing of local images, allowing for optional filters and effects, and generates responsive images at different sizes using the Sharp library.

• Image CDNs The library supports integration with image CDNs like Cloudinary or imgix through an image provider abstraction.

• Image Placeholders It supports Low Quality Image Placeholders (LQIP) using dominant colors, blurred low-resolution images, or ThumbHash placeholders to show previews while loading.

• Layout Modes Offers layout modes for fixed sizes (with 1x and 2x image variants) and responsive layouts using srcset with optimized image sizes across devices.

• Web Performance It includes lazy rendering by default, optimized content visibility and decoding settings, and optimized markup to prevent Cumulative Layout Shift (CLS).

• High Quality The library is thoroughly tested and built with modern tooling, including native TypeScript types.

Code in your browser, save, download, share the result.

mizu.js is a lightweight HTML templating library designed to simplify web development by bringing back the simplicity of plain HTML and JavaScript.

Features:

• Plug-and-play: mizu.js can be included and used instantly with vanilla JavaScript expressions and HTML.

• Cross-platform compatibility: It is compatible with a wide range of JavaScript and TypeScript runtimes, including major browsers.

• Any-side rendering: mizu.js allows content rendering wherever needed with user-friendly APIs. It works both client-side and server-side. On the client-side, rendering is explicit, requiring the *mizu attribute to enable mizu.js on a subtree, and reactivity is enabled, so changes to contexts will trigger a re-render. On the server side, rendering is implicit, so the *mizu attribute is not required and reactivity is disabled, meaning changes to contexts are not tracked and will not trigger a re-render.

• Flexibility: Suitable for single page applications, static websites, and interactive websites.

• Simplicity: mizu.js is close to vanilla JavaScript and HTML, ensuring a minimal learning curve.

• Customizability: It allows easy opting in/out of features.

• Hackable: Developers can pick features and customize their setup using developer-friendly APIs and a custom builder.

• Community-driven: Build, share, and reuse custom elements and directives to enhance development.

mizu.js uses directives (special HTML attributes) to instruct how elements should be processed. Some of the directives include:

• *mizu: Enables mizu.js rendering for the element and its children.

• *set: Sets context values for an element and its children.

• *if: Conditionally renders an element.

• *for: Renders an element for each iteration performed.

• *text: Sets element's textContent.

• *html: Sets element's innerHTML.

• *mustache: Enables content interpolation within mustaches ( {{ and }}) from Text child nodes.

• @event: Listens for a dispatched Event.

• :attribute: Binds an element's attribute value.

• ::value: Binds an <input>, <select> or <textarea> element's value attribute in a bi-directional manner.

• %http: Performs a fetch() call that can be handled by %response directives.

• *once: Renders an element once and skip subsequent updates.

• *refresh: Reprocesses an element at a specified interval (in seconds).

mizu.js also provides APIs for client-side and server-side use, with default directives enabled for each. The server-side API can generate static files from various sources, such as strings, local files, callback returns, and URLs.