screenshot of Shaven


DOM building utility & Template engine based on JsonML + syntax sugar


LogoShaven is a DOM building utility and template engine based on JsonML with syntax sugar. It offers features like syntax sugar for ids, classes, and variable caching, support for namespaces, callback functions on elements, and the ability to leverage the full power of JavaScript in templates without needing to learn a new language. It can be easily integrated into both frontend and backend environments, simplifying template creation with an increasing number of variables.


  • Syntax Sugar: for ids, classes, and variable caching.
  • Support for Namespaces: allows building SVGs and other XML based languages.
  • Callback Functions: available on elements.
  • Object Returns: containing the root element and the elements with an id.


To install LogoShaven, you can check out the detailed description provided on for instructions on installing it in various environments. Additionally, you can follow these steps:

# Clone the repository
git clone

# Install dependencies
npm install

# Build the project
npm run build


LogoShaven is a versatile DOM building utility and template engine that simplifies template creation by leveraging JavaScript's capabilities without the need to learn a new language. With features like syntax sugar, support for namespaces, and callback functions, it offers a flexible and powerful solution for building HTML fragments. Its installation process is straightforward, making it accessible for developers looking to enhance their templating workflow.

Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.


Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.