x-boost — A low-code, zero-JS approach to building modern web pages

Imagine writing pure HTML that can import components, execute loops and conditional logic, process data, and leverage other programming constructs — working seamlessly on both the client and server without writing a single line of JavaScript. That is x-boost: a suite of ready-made web components that empowers you to build modern web pages with incredible ease.

npm GitHub

Boost your productivity x-fold!

Main Features

Single-tag Markdown: Render Markdown files with syntax highlighting using just one HTML tag.
Declarative Layouts: Deploy ready-made, configurable page layouts instantly.
Rich UI Library: Embed menus, breadcrumbs, custom selects, tabs, and accordions easily.
Attribute-driven APIs: Fetch dynamic page data from your API directly via HTML attributes.
Data-driven UI: Automatically generate complex User Interfaces from raw data structures.
Dynamic Localization: Enable on-the-fly translations seamlessly.
Responsive Media: Insert adaptive images with zero hassle.
Logic & Control Flow: Declaratively define loops and conditionals right in your markup.
Isomorphic Architecture: Render flawlessly on the server or run completely client-side.

Example

<x-layout template="./layout-template.html">
  <x-md data-src="./my-article.md" iso-mode></x-md>
  <x-list data-src="./my-list.json" template="./list-template.html"></x-list>
</x-layout>

[!IMPORTANT] This project is currently in the alpha stage. Stay tuned for updates!