A collection of standalone ESM/MJS modules and Web Components for modern web development. Each module is designed to be imported directly in browsers or other JavaScript runtimes.
Current Status: This repository is being established to manage existing modules that are already published at
renoirb.com/esm-modules/
. The modules listed below are currently available but will be migrated to this new management structure.
Each module is:
- Self-contained with minimal dependencies
- Written using standard Web APIs
- Flexible for different use cases
- Framework-agnostic
Web Components are:
- Exported as native classes without registration
- Customizable through standard patterns
- Designed for composition
Utilities to correctly wrap known abbreviations with HTML abbr tags and text to describe them
A customizable application shell component providing consistent navigation and structure across pages.
Visualize many variations of usage of a web component.
Implementation of the W3C Web Components Community Group Context API protocol.
There's more to come to be migrated and version upgraded.
Helper functions for Web Component registration and common DOM operations.
Wrap text to add comments, remove or add section in the text. It can be used to do hilighting or commenting.
An utility to flip className on the page body and an event emitter to listen to to adjust parts of the page when a variant change occurs
Load and render markdown content from GitHub Gists.
A markdown rendering container that lets you use your preferred markdown parser.
An utilty to keep track of things we should keep in mind until we haven't seen them so we no longer need to care for them anymore.
A versatile notification component for displaying status messages, warnings, or informational content.
Batteries non include element specialized for displaying date related values.
There's more to come that isn't migrated
Visual representation of a boolean (plus one) state value using icons.
Creates a menu button that opens a menu of links, refactoring WAI’s example as an example for reusability.
Add WayBack Machine links beside link to allow comparing with past versions.
See CONTRIBUTING.md for development guidelines and setup instructions.