OctopusJS 🐙

Develop smart frontend components with the raw power of native HTML, CSS and JavaScript using this high-performance distributed intelligence framework.

Table of Contents

• What It Is
• Advantages
• Benchmarks & Comparison
• Contact & Community
• License & Acknowledgments

What It Is

OctopusJS is a high-performance, distributed intelligence frontend development framework designed for web developers who demand an intuitive and blazing-fast DX (Developer Experience) alongside "science-fiction" execution speeds.

Unlike traditional frameworks, OctopusJS does not alter the underlying behavior of web technologies. Instead, it leverages them directly, ensuring full compatibility with all native features. This allows developers to easily build sophisticated components without sacrificing the freedom and raw power of native HTML, CSS, and JavaScript.

To achieve this, OctopusJS distributes its logic across Octopus Components. These components represent a new paradigm in web development, allowing you to manage encapsulated logic, styles, and templates using pure web standards.

Table of Contents

Advantages

• 🏎️ As fast as Vanilla: Octopus Components run directly on the browser without abstractions so the overhead is literally zero.

• 🪶 Featherweight: At 6.4kB Gzipped, it flies on any device and keeps the memory footprint at an absolute minimum.

• 🌐 Pure HTML Components: Build encapsulated components with scoped logic and styles directly inside HTML. If you know HTML, CSS and JavaScript, you already know OctopusJS.

• 🚀 Raw Power: You have direct access to the full potential of the web platform. No abstractions to limit your creativity or performance.

• 🔌 Ready to Use: Incredibly easy to pick up and lightning-fast to master.

• 🛡️ Strong Architecture: Designed from the ground up to be highly fault-tolerant and secure.

• 🛠️ Ecosystem Ready: Fully compatible with any other frontend library or backend framework. Keep your views in your server and let OctopusJS handle the client-side reactivity without friction.

Table of Contents

Benchmarks & Comparison

The OctopusJS benchmark was tested against the Vanilla JS standard benchmark. The following results show the time (in milliseconds) required to render and mount 1,000 complex items into the DOM.

| Framework | Render Time (1k items) | Relative Speed | Size (Gzipped) | |--------------------|------------------------|----------------|----------------------| | 🧊 Vanilla JS | ~53.3ms (avg) | 1.00x | 0kB | | 🐙 OctopusJS | ~54.8ms (avg) | 1.03x | 6.4kB | | ⚡ Svelte / Solid | ~59.0ms (avg) | 1.10x | ~7kB | | 💚 Vue 3 | ~64.0ms (avg) | 1.20x | ~33kB | | ⚛️ React 18 | ~75ms | 1.40x | ~42kB | | 🅰️ Angular | ~80.0ms | 1.50x | ~65kB |

Note: Vanilla JS and OctopusJS times are exact hardware measurements. Times for Svelte, Vue, React, and Angular are extrapolated based on their official js-framework-benchmark relative multipliers applied to the same Vanilla JS baseline. OctopusJS achieves near-vanilla speeds by eliminating the Virtual DOM overhead entirely.

Table of Contents

Contact & Community

OctopusJS is a project born from the passion for a better faster web development experience.

• Email: [email protected]

Table of Contents

License & Acknowledgments

• License: Unlicensed. All rights reserved.
• Collaborative Engineering: A special thanks to Gemini (Google AI) for its insightful role as a "Silicon Partner" in the documentation, release and improvement of this project.

Table of Contents