element-js: Focus on the Essentials
Modern frontend development offers impressive possibilities but often comes with high complexity. With element-js we have been pursuing a pragmatic counter-approach together with our partner loewen.digital since 2016: As much standard as possible, as much convenience as necessary.
Our Philosophy: The Platform at the Center
We believe that the browser already provides most of the tools we need for modern interfaces. element-js is not an attempt to reinvent the wheel, but a lean bridge to the native capabilities of the web.
Best-of-Frameworks, Natively Implemented
The native Custom Elements Spec alone is often not enough for complex applications. That is why we have adopted proven concepts from the framework world and implemented them without external overhead directly on the basis of web standards:
- Native ES6 Classes
- Native Reactivity: An intuitive state management that reacts to changes without carrying a heavy virtual DOM in the background.
- Central State Management (Stores): Clean data flows for complex applications, integrated directly in the framework core.
- Dependency Injection: A design pattern for decoupled, testable components that is natively supported.
Architecture Comparison: Freedom of Choice Instead of Dogma
There is no "best" technology, only the right architecture for your goals. We master all three approaches and advise you neutrally.
| Aspect | element-js | React (Next.js) | Vue (Nuxt) |
|---|---|---|---|
| Core Concept | Native Web Components | JSX & Virtual DOM | Templates & Reactive Proxy |
| DOM Handling | Directly on the Standard | Reconciliation (Diffing) | Virtual DOM / Granular Updates |
| Dependencies | 0-Dependency Goal | Extensive (Ecosystem) | Medium (Framework Core) |
| Performance | Maximum (no Overhead) | Depends on Runtime Load | Very Good (via Proxy Track) |
| Strength | Long-term Stability & Speed | Huge Ecosystem | Excellent DX & Structure |
| Security | Maximally Transparent | Complex Supply Chain Audit | Framework Security Patches |
Open Source: Transparency and Freedom
element-js is not a proprietary secret project, but an Open Source project on GitHub. This means for you:
- Full Transparency: The entire source code is viewable, auditable, and secure.
- No Vendor Lock-in: Since the framework is open source, you are not tied to us as an agency. Any team can take over, fork, or further develop the code.
- Community-driven: Together with partners like loewen.digital, we ensure that element-js is continuously adapted to new browser standards.
Why This Approach Makes Sense for You
- Rendering Without Virtualization: element-js uses a targeted, RegExp-based renderer. This conserves the CPU and ensures a direct response of the interface (excellent INP score).
- Encapsulation Through Shadow DOM: We prevent unwanted side effects in CSS. Components remain self-contained and cleanly separated from each other.
- Security & Maintainability: By avoiding hundreds of third-party dependencies, we massively reduce the attack surface for security vulnerabilities.
- Deep Platform Knowledge: Developing our own core sharpens our understanding of the browser. This knowledge flows into every project – regardless of whether we ultimately use element-js, React, or Vue for you.
Frequently Asked Questions (FAQ)
What is element-js?
element-js is a lightweight, high-performance component library by dev5310, built on Web Components. It was specifically designed for use in CMS environments like Magnolia CMS, enabling fast and maintainable frontends.
What advantages does element-js offer over other frameworks?
element-js eliminates the Virtual DOM layer and instead uses a RegExp-based renderer. The result: minimal bundle size, excellent INP scores, and full encapsulation through Shadow DOM. Ideal for demanding Frontend Development.
Can element-js be combined with Magnolia CMS?
Yes, element-js is specifically optimized for integration with Magnolia CMS. Components can be directly embedded as CMS building blocks and managed through the visual editor.
What types of projects is element-js suitable for?
element-js is particularly suited for enterprise web projects where performance, security, and maintainability are critical. Learn more about our full range of services on the Services page.
Is element-js open source?
element-js is developed and maintained by dev5310. If you are interested in using it or collaborating, feel free to contact us via our Services page or directly by email.