Open Source & Free Tools for Web Workers

Mattrbld is a Git-based headless content management system (CMS) designed for teams and individuals who want flexibility and control over their content. It allows users to manage website, app, or other project content without imposing specific presentation methods.

Mattrbld:

• Decentralized content management: Users control where content is stored, how it's delivered, and its presentation. It does not store content on external servers.

• Git-based: Content lives alongside code, providing version control. It interfaces directly with the user's repository.

• Flexibility: It's compatible with any frontend technologies. It's built for the Jamstack.

• User-centered design: Simplifies complex processes with modern technologies. It aims to provide a good user experience.

• Easy to use: The CMS is designed to be familiar to those who have used a CMS before.

• Live content preview: Users can preview their content.

• Offline capability: Mattrbld is a progressive web application that works offline, although publishing requires an internet connection.

• Content modeling: Allows users to create schemas for content.

• Unlimited projects and collaborators.

• Free for self-hosting: Mattrbld is an open-source project.

Mattrbld is not suitable for:

• Projects that require a drag-and-drop website builder.

• Media-heavy sites or content with significant binary data.

Mattrbld stores content in JSON and Markdown files with YAML frontmatter. It's designed to help manage the frontmatter of content. Mattrbld uses semantic versioning.

Mattrbld is designed for developers and agencies that create websites for small and medium sized clients. It gives them a way to update their sites without having to rely on the developer for content management, and does not limit them to a particular framework or frontend technology.

Geany is a lightweight and powerful programmer's text editor that runs on Linux, Windows, and macOS. It's designed to be a flexible and feature-rich IDE/editor that doesn't bog down the user's workflow. Here's a summary of its functionalities:

• Cross-Platform: Geany operates on Linux, Windows, and macOS.

• Multi-language support: It has built-in support for over 50 programming languages. Some popular languages supported are C, Java, PHP, HTML, JavaScript, Python and Perl. It also supports other filetypes like ini-style config files and SQL files.

• Customizable: Geany is heavily customizable, with options for color themes and adding new filetypes. Many settings are available to adjust it to individual preferences.

• Plugin System: Geany has a plugin system that allows users to add more features to the editor, and developers can create new features and improve existing ones. Some available plugins are VCS (Git, SVN), SpellCheck, Project Organizer and Translation Helper.

• Community-Driven: Geany is free software under the GPL v2 license, allowing customization and community contributions. It has an active community of both professionals and hobbyists who contribute improvements across platforms.

• Fast and Small: The software is designed to be a lightweight IDE/editor.

Geany aims to be a good GUI, cross-platform, powerful IDE/editor.

Features :

• Availability: Kate is available for Linux, Windows, and macOS.

• Text Editing Capabilities: Kate allows users to edit and view multiple text files simultaneously, using both tabs and split views.

• Plugins: Kate comes with a variety of plugins, including an embedded terminal, powerful search and replace functions, and a preview plugin for MD, HTML, and SVG files.

• Syntax Highlighting: Kate supports syntax highlighting for over 300 languages, which makes it easier to read code. It also helps navigate complex code blocks and includes on-the-fly spellchecking.

• Multi-Cursor Editing: Kate supports multi-cursor and multi-selection features, and allows users to customize hotkeys.

• Project Management: The editor enables users to work on complex projects efficiently using split views, a project sidebar, and smart tabs to access recently opened documents.

• Programming Support: Kate is suitable for programming with autocompletion via the Language Server Protocol (LSP). It offers features such as scriptable auto indentation, VI input mode, rectangular block selection, and smart comment handling.

• Integrated Plugins: Kate has several integrated plugins, such as a terminal emulator, SQL extension, GDB debugger, and a build project tool.

• Formatting Plugin: Kate has a formatting plugin that allows users to format code easily and quickly. The plugin addresses issues with previous methods of code formatting, such as loss of undo history and current position in the document, and also eliminates the need to remember the right tool to invoke on different document types.

• Font Features: With the Qt 6.7 release, Kate allows the configuration of OpenType font features. This is especially useful for programming fonts like Cascadia Code and MonoLisa.

• Community Contributions: Kate has reached 1500 accepted merge requests, which demonstrates the contributions of the community.

KinesisJS is a JavaScript library primarily used for managing and simulating animations or dynamic interactions based on mouse movements or scroll events. Here are its main features:

Parallax Effects

• Mouse movement-based animations: Allows elements to move at different speeds in response to mouse movements, creating a sense of depth.

• Scroll effects: Elements can move or animate based on the page's scroll position.

Easy Configuration

• Animations can be easily configured through simple options or by applying attributes to HTML elements.

• Supports parameters such as direction, speed, and movement boundaries.

Layer Management

• KinesisJS enables defining multiple layers of elements for complex parallax effects. Each layer can have specific speed and direction settings.

Responsiveness

• Compatible with responsive environments, adapting to screen sizes and orientations to maintain effects on mobile devices and tablets.

Optimized Performance

• Utilizes requestAnimationFrame for smooth and efficient animations, reducing system resource consumption.

Customizable Interactions

• Allows specific triggers to be set (e.g., activating effects only after a certain scroll point or when the mouse enters a defined area).

Support for Non-linear Transitions

• Animations can include transitions with acceleration/deceleration curves for more natural and customized effects.

Typical Use Cases:

• Creating interactive websites with impressive visual animations.

• Adding parallax effects to enhance a page's aesthetics and user experience.

• Animating specific elements to draw attention to content or guide the user.

JsPDF is a library, which is used for client-side JavaScript PDF generation.

Features:

• Purpose: jsPDF is a JavaScript library that allows you to generate PDF documents directly in the browser. It is designed to be client-side, meaning the PDF generation happens on the user's machine, not on a server..

• Key Features:

  • PDF Creation: The library enables the creation of PDF documents using JavaScript.

  • Installation: jsPDF can be installed using npm, yarn, or loaded from a CDN.

    • Recommended installation is via npm using the command npm install jspdf --save or yarn add jspdf.

  • Module Formats: The library supports different module formats including ES2015, Node, and UMD.

  • Basic Usage:

    • The library can be imported using import { jsPDF } from "jspdf";.

    • A new PDF document can be created using const doc = new jsPDF();.

    • Text can be added to the document using doc.text("Hello world!", 10, 10);.

    • The document can be saved using doc.save("a4.pdf");.

  • Customization:

    • Paper size, orientation, and units can be customized when creating a new document.

    • For example, const doc = new jsPDF({ orientation: "landscape", unit: "in", format: }); creates a landscape document with 2x4 inch dimensions.

  • Node.js Support: jsPDF can also be used in Node.js environments.

  • Optional Dependencies: Some functions, such as the html method, rely on optional dependencies like html2canvas and dompurify. These are loaded dynamically.

  • TypeScript Support: jsPDF includes a typings file for use in TypeScript projects.

  • Unicode Characters / UTF-8: To use UTF-8 characters, a custom font with the necessary glyphs needs to be integrated. The library supports .ttf font files. A font converter tool is available to generate a js-file with the content of the .ttf font, as well as jsPDF code, which is then added to your project.

  • Advanced API: jsPDF has two API modes: "compat" mode, which is compatible with the original version and plugins, and "advanced" mode, which includes advanced features such as transformation matrices and patterns.

  • Community Support: The library is open to contributions, bug reports, and feature requests. It also refers users to Stack Overflow for common questions.

In summary, jsPDF is a versatile JavaScript library that enables client-side PDF generation, offering various customization options and support for different environments and module formats, including optional dependencies..

AdminForth is a framework designed to help developers create admin panels more quickly using Node and Vue. Here are its main purposes and features, according to the provided sources:

• Rapid Development: AdminForth aims to accelerate the development of back-office applications using an open-source admin framework built on Tailwind UI and extended with Vue3. It allows developers to get started by running the command npx adminforth create-app.

• Core Features:

  • Sign-in Form: The framework includes a sign-in form that is OWASP-compliant and uses JWT-SSO.

  • User Management: It facilitates the management of users and roles, which can be further customized.

  • CRUD Out of the Box: By initializing AdminForth with a database URL, users can get a full-fledged admin panel.

• Plugins: AdminForth offers a variety of plugins that extend its functionality, including:

  • AI Autocomplete: This plugin utilizes the OpenAI API to help users write content within a record context.

  • Audit Log: This plugin allows tracking user actions by creating logs.

  • 2FA: It provides RFC 6238-compliant TOTP-based two-factor authentication for enhanced security.

  • Upload: This plugin enables users to upload files to Amazon S3.

  • Rich Editor: This plugin adds a WYSIWYG editor to text fields.

• Customization and Theming:

  • Custom Pages and Dashboards: Users can create their own pages and dashboards using Vue3 components, incorporating additional npm packages.

  • Branding and Theming: It allows customization through logo uploads, color changes, and title updates to match specific brand requirements.

  • Tailwind Look: The framework's look and feel is based on TailwindCSS and allows for theme customization and includes dark mode.

  • Dark Mode: Dark mode is enabled by default, and components built with Tailwind will work with no extra configurations.

• Vue3 Driven: The framework is designed to be easily extended by creating custom Vue3 components and pages.

Rodent is an Android client for Mastodon, which is a social network similar to Twitter. However, unlike Twitter, Mastodon is distributed, open, and owned by the community. Rodent is designed to support many of the common features of Mastodon and also adds some innovative features that set it apart from other Mastodon clients.

Rodent has a user-first approach and is designed to be disruptive and unapologetic. The developers of Rodent encourage users to send suggestions to rodentapp@gmail.com or message @rodentapp@mastodon.social. The developers also suggest that if a user wants a feature, it will likely be added to Rodent.

Pomsky, the "Next Level Regular Expressions" tool.

Here's a summary of its utility and key features:

• Simplified Syntax: Pomsky is designed to be easy to write and understand, making regular expressions more accessible. It offers a "saner syntax" compared to traditional regex.

• Instant Feedback: The application provides syntax highlighting, autocompletion, and diagnostics in VSCode, aiding in the development process.

• Built-in Tests: Pomsky includes automated tests to catch mistakes, which also serve as documentation.

• Feature-Rich: It incorporates powerful features not found in other regular expression tools.

• Great Compatibility: Pomsky expressions are transpiled to standard RegExp's, allowing their use anywhere regular expressions are supported.

• Optimized Output: Users can be confident that the generated expressions will perform well.

• Examples: The source provides a variety of examples demonstrating the syntax and capabilities of Pomsky, such as string matching, character sets, and named groups, among others. These examples include:

  • Basic string matching: 'Hello' [space]+ ('world' | 'pomsky')

  • Anchors and quantifiers: ^ % 'foo' % $ 'hello'{1,5}

  • Character classes and ranges: ['acd[]' 'p'-'s' digit]

  • Negation: !['^'] # negated

  • Unicode categories: [s U+15 U+FEFF Greek]

  • Named groups: :named(.)

  • Lookarounds: (<< 'foo' | 'bar') (!>> 'foo' | 'bar')

  • Ranges: range '0'-'255'

  • Variables: let number = '-'? [digit]+; let op = ['+-/']; number (op number)

In essence, Pomsky aims to improve the experience of creating regular expressions by providing a more user-friendly and feature-rich alternative to standard regular expression syntax.

The provided source, "og.new," describes an application that allows users to customize and export images.

Features and functionalities of this application:

• Template Properties: Users can customize an image by changing its properties.

• Background Customization: The application allows users to set a custom background for their image. It includes options such as:

  • Gradient Direction

  • Grid Overlay

  • New background setting

• Save Image: The application provides a feature to export the customized image as a PNG file.

• Open Graph Meta Tags: The application's documentation includes information about Open Graph meta tags, though their specific function in the application is not detailed in the provided source.

In summary, this application is designed for quick image customization with a focus on background options and properties. It also includes saving and exporting images as PNG files.

Immich is a self-hosted photo and video management solution that allows users to back up, organize, and manage their media on their own servers. It is designed to help users browse, search, and organize their photos and videos with ease, while maintaining their privacy.

Key features of Immich include:

• Backup: It facilitates the secure backup of photos and videos to a user's own server.

• Organization: Immich helps users organize their media.

• Browsing and Searching: The platform enables users to easily browse and search through their photos and videos.

• Privacy: It is designed to prioritize user privacy by providing a self-hosted solution.

• Open Source: Immich is available under the GNU AGPL v3 license.

• Mobile App: There is a mobile app available to download for backing up photos and videos.

• Active Development: The project is under very active development, so users should expect bugs and changes and not rely on it as their only method of storing photos and videos.

i-HTML fetches a requested HTML resource and replaces the element's inner contents with the parsed content of the response. It's similar to an <iframe> but adopts the HTML into the page.

Key functionalities and features of <i-html> include:

• Basic Usage: The <i-html> tag is placed as an empty container, and when the src= attribute changes, it fetches the HTML and updates the content.

• Targeting with Links: Like iframes, <i-html> respects the target= attribute on links, so a link with a target that matches the id of an <i-html> element will load the link's href into the element.

• Targeting with Forms: Similarly, <i-html> respects target= attributes on forms, allowing forms to submit to an <i-html> element and load new content. Forms can also be wrapped in <i-html> elements to create "AJAX-style" forms. The formaction= attribute of buttons is also supported.

• Content Selection: By default, <i-html> injects the <body> element's content but this can be customized with the target= attribute, which uses a querySelector to select specific content.

• Refetching: Content can be refetched by clicking a link or by using a <button command="--load"> element. The Refresh header or <meta http-equiv=refresh> tag in the response can also trigger a refresh.

• Content Negotiation: The accept= attribute allows customization of the Accept header in the request, limited to text/plain, text/html, image/svg+xml, and application/xml. Invalid MIME types default to text/html.

• Streaming: With accept="text/event-stream", <i-html> uses EventSource to listen for Server-Side Events, allowing for multiple content updates with a single request.

• Insertion Modes: Content can be appended (insert="append") or prepended (insert="prepend") to existing content instead of replacing it.

• Deferring Loading: The loading= attribute can be set to lazy to defer loading until the element is visible, or to none to prevent loading until changed via JavaScript. A <button command="--load"> can force loading regardless of the loading attribute.

• Security: <i-html> uses fetch() and adheres to CORS policies. By default, it only fetches same-origin URLs. The allow="cross-origin" attribute allows cross-origin requests. Several elements, such as <iframe>, <script>, and <style> are sanitized out by default, unless specifically allowed with the allow attribute.

• Declarative Shadow DOM: <i-html> supports declarative shadow DOM (DSD) if the browser supports Document.parseHTMLUnsafe. Older browsers require a polyfill.

• Styling: The element has pseudo-classes (:waiting, :loading, :loaded, and :error) for styling during different stages of its lifecycle, and uses attributes like [state-waiting] in older browsers.

• Events: <i-html> dispatches events such as loadstart, load, loadend, error, beforeinsert, and inserted during its lifecycle. The loadstart event can be used to customize the request or prevent loading. The beforeinsert event can modify or prevent content insertion.

<i-html> aims to combine the best features of similar elements, like include-fragment, and offers more functionality than other options like htmx or htmz. It remains in the DOM and can refetch content, unlike <include-fragment> which replaces itself.

Fonoster is presented as an open-source alternative to Twilio, designed to help users engage with their customers using voice or messaging through a single platform. It provides tools and SDKs to build voice applications that can be deployed rapidly.

Here are some of its key features and functionalities:

• Voice Applications: Fonoster supports building voice applications with verbs like Play, Say, and Gather.

• Authentication: It offers project-level authentication using OAuth2 and JWT tokens.

• Storage: Fonoster provides the ability to store, organize, and use sounds from S3 buckets.

• SDKs and Tooling: It provides SDKs and tools for faster application development. These SDKs can be used in browsers or NodeJS applications.

• Command-Line Tool: A command-line tool is available for rapid creation and deployment of applications.

• Google Speech APIs: Fonoster integrates with Google Speech APIs, enabling text-to-speech and automatic speech recognition functionalities.

• Community Support: It is supported by a growing community of contributors and has a Discord community.

• Pricing: Fonoster offers a free, rate-limited plan for learning and prototyping, as well as paid plans suitable for small and medium businesses and for those requiring high levels of security and compliance. The free plan includes 1 workspace, 1 domain, 30 mins/month, 1GB storage, 1-week log retention, and community support.

• Self-Hosting: The open-source version can be self-hosted for free.

• Customer Support: Support options vary based on the pricing plan, ranging from community support for the free plan to email support for Pro plans and technical support with SLAs for Advanced plans.

• API: Fonoster can be used to create calls using an API

• Testimonials: Users have praised it as a cloud-first SIP server and appreciate the community.

Fonoster aims to enable users to create smart voice applications, without unnecessary features or complex customizations.

Firecamp is a platform designed to help developers build APIs faster by providing a comprehensive set of tools for testing and collaboration.

Features:

• Multi-protocol Support: Firecamp offers a dedicated playground for various protocols, making it a multi-protocol platform.

• API Playgrounds: It provides instant playgrounds for testing APIs, including REST and GraphQL.

• API Collections: Firecamp allows users to manage collections of APIs for team collaboration.

• Team Collaboration: The platform enables real-time team syncing, facilitating easier collaboration. It allows users to share endpoint details and socket events directly with their team without special documentation.

• API Documentation: Firecamp can be used to publish API documentation.

• API Test Runner: It allows users to visually run API collections within the platform.

• CLI & CI/CD: API collection tests can be run in the terminal or set up in a CI/CD pipeline.

• Variables: The platform allows setting values in variables to be reused dynamically throughout the platform.

• Web & Desktop Apps: Firecamp is available as both web and desktop applications.

• Authentication: It supports testing and debugging of authentication endpoints with a range of authentication methods.

• GraphQL Support: Firecamp provides features specifically for GraphQL, such as retrieving endpoint schemas with a button click and a GraphQL query builder.

• All-in-One Solution: It aims to be an all-in-one solution, eliminating the need for multiple tools for different types of API testing. By combining different functionalities, Firecamp removes the need to download and manage several different tools, hold different subscriptions, and file issues on different projects.

• Efficiency: Firecamp enhances developer productivity by streamlining API testing workflows.

CommaFeed is a self-hosted personal RSS reader inspired by Google Reader. It allows users to collect and read their favorite content in one place. Here are its main features:

• Layouts and themes: Offers 4 different layouts and light/dark themes.

• Responsiveness: Works on both mobile and desktop.

• Keyboard shortcuts: Supports keyboard shortcuts for most functions.

• Language support: Translated in 25+ languages.

• Scalability: Can support thousands of users and millions of feeds.

• OPML support: Supports OPML import/export.

• API: Provides a REST API and a Fever-compatible API for native mobile apps.

• Rules: Can automatically mark articles as read based on user-defined rules.

• Browser extension: Has a browser extension.

• Database support: Supports H2 (embedded), PostgreSQL, MySQL, and MariaDB.

• Multiple deployment options: Can be deployed using Docker, cloud hosting (PikaPods), or by downloading precompiled packages.

• Customization: Offers configuration options via a properties file, command line arguments, environment variables or a .env file.

• Memory Management: Can be configured to manage memory usage.

• Native compilation: Can be compiled to native code for faster startup and lower memory usage.

• Translation: Files are provided for internationalization.

• Active Development: There have been 49 releases of the application.

CommaFeed is built using Quarkus and React/TypeScript. It is available under the Apache-2.0 license.

Features:

• Customizable CSS property prefixes. For example, the prefix for "display" can be changed from "dis" to "d".

• Optional custom value names. For instance, the value "flex" can be associated with the custom name "fx".

• Selective addition of !important keyword utility classes. By setting generate_utility to true, utility classes with !important can be generated for each CSS property.

• Responsive design on-demand. Users can set screen sizes and apply CSS properties selectively for each size. Responsive settings are defined in the screenSizes object. The responsive property can be set to true or false for each CSS property.

• Use of tokens. Tokens are lists of names associated with values, organized by families, and reusable. Tokens prevent repeating the same names and values across multiple CSS properties. Each token is written as a CSS variable.

• CSS variables that are automatically generated.

• Automatic documentation of the CSS output. An interactive documentation is generated automatically.

• Instant file size impact of the settings.

• Offline functionality.

To get started, users need to download the starter project, edit the build.json file, and run it through a browser. The tool requires only a text editor, a web server, and a browser. The JSON settings include:

• separator: A string to split names, values, and utility prefixes.

• responsiveSeparator: A string to split screen size names.

• utilitiesPrefix: A string for utility classes.

• cssVariablesPrefix: A string used for tokens' CSS variables.

• screenSizes: An object that defines screen sizes.

The JSON tokens are lists of names associated with values, organized by families. Tokens are optional and can be left empty if unused.

The JSON properties object has keys that are valid CSS property names. Each CSS property has a prefix, generate_from to refer to a token, a list of values, an optional list of names, responsive which is a boolean, and a generate_utility boolean to generate utility classes.