@schukai/monster
Advanced tools
Monster is a simple library for creating fast, robust and lightweight websites.
Monster is an ideal choice for building visually appealing and high-performance web interfaces and websites using modern JavaScript techniques.
By leveraging cutting-edge JavaScript features such as classes, WeakRef, WeakMaps, proxies, and the MutationObserver interface, Monster offers a blend of traditional methods and innovative web components.
Designed for seamless integration, Monster complements existing web projects without dominating the entire architecture.
Unlike solutions that introduce a new layer of abstraction and proprietary languages, Monster focuses on enhancing the native capabilities of HTML, CSS, and JavaScript for web development.
With a design goal to optimize performance and achieve stellar outcomes, Monster achieves this using minimal JavaScript code.
Monster is built with ES6 modules and uses the import and export statements.
For certain functions, additional polyfills may be required.
To access our documentation and examples, visit monsterjs.org/.
Install Monster using npm, Yarn, or pnpm:
npm install @schukai/monsteryarn add @schukai/monsterpnpm add @schukai/monsterHere is a simple example of how to use Monster. We create a small file named index.mjs
(where 'm' stands for module). In this example, we perform substitutions in a string:
import {Formatter} from '@schukai/monster/source/text/formatter.mjs';
const text = '${mykey${subkey}}';
let obj = {
mykey2: "1",
subkey: "2"
};
new Formatter(obj).format(text);
// Outputs: 1
To integrate this function into a website, it is recommended to use a bundler such as esbuild:
esbuild index.mjs --outfile=dist.js
You can now include it in your website:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Monster</title>
<script src="dist.js"></script>
</head>
<body>
Voilà!
While we strive to work around some browser bugs, generally, we do not use polyfills or feature detection. However, many functions can be supplemented through polyfills, thus enhancing compatibility.
For questions and commercial support, please contact schukai GmbH. The issue list of this repository is exclusively for bug reports and feature requests.
Please ensure you read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.
Copyright © 2024 schukai GmbH
Licensed under AGPL. Commercial licenses are also available.
Detailed changes for each release are documented in the CHANGELOG.
FAQs
Monster is a simple library for creating fast, robust and lightweight websites.
The npm package @schukai/monster receives a total of 212 weekly downloads. As such, @schukai/monster popularity was classified as not popular.
We found that @schukai/monster demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
Socket researchers have discovered malicious npm packages targeting crypto developers, stealing credentials and wallet data using spyware delivered through typosquats of popular cryptographic libraries.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."