https://github.com/knott-dev/knott-js

Knott is a tiny virtual dom library for building & styling fast, lightweight web components. Everything runs on the memory. It's fast!
https://github.com/knott-dev/knott-js

dom-styling vanilla-js virtual-dom-library

Last synced: about 1 month ago
JSON representation

Knott is a tiny virtual dom library for building & styling fast, lightweight web components. Everything runs on the memory. It's fast!

• Host: GitHub
• URL: https://github.com/knott-dev/knott-js
• Owner: knott-dev
• License: mit
• Created: 2022-09-13T06:44:12.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-07T19:23:09.000Z (about 2 years ago)
• Last Synced: 2024-04-25T08:02:45.073Z (7 months ago)
• Topics: dom-styling, vanilla-js, virtual-dom-library
• Language: JavaScript
• Homepage: https://knottjs.netlify.app
• Size: 686 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> This project is on development stage.

> Thanks for support and feedback!



  



# Web Component, Virtual CSS, and Virtual DOM.

[![npm version](https://badge.fury.io/js/knott.svg)](https://badge.fury.io/js/knott)

[![npm downloads](https://img.shields.io/npm/dm/knott.svg)](https://www.npmjs.com/package/knott)

## Introduction

**Knott** is a tiny (4 kilobytes) virtual dom library for building and styling fast, lightweight web components that everything runs on the memory, it's fast!

[Read the documentation](https://knottjs.netlify.app)

[![Netlify Status](https://api.netlify.com/api/v1/badges/0bc0b517-0683-4ddc-a41c-ad5ecb845701/deploy-status)](https://app.netlify.com/sites/knottjs/deploys)

## Getting Started

```bash

$ npm i knott --save-dev

```

## CLI

Create an empty template to learn how to use `Knott.js` with CLI (command-line interface). Without installing anything to setup a new project. After the installation, follow the on-screen instructions and you are done setup.

```bash

$ npx knott-cli@latest my-new-knott-project

```

## Playground

The [Playground](https://knottjs.netlify.app/playground/) is an online code editor, you can use it for testing or just playing around with `Knott.js` on the go. _If you don't find the **CLI** is more convenient._

[**Launch Playground**](https://knottjs.netlify.app/playground/) now!

[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)