Intro

Chirashi.js is a utils library meant to make DOM manipulation and events management easier and faster to read and write without adding overcomplecated internal logic.

The library designed as modules of single functions allowing to reduce size of your production build to only the needed code (thanks to esnext modules).

Get started

Find API documentation, guide and more on chirashi.js.org.

Quick view

Installation

Using npm / yarn (recommended)

yarn add chirashi

or

npm i --save chirashi

Now you can import methods in your project:

import { ready, append } from 'chirashi'

ready(() => {
  append(document.body, '<h1>Hello World!</h1>')
})

Standalone

You can download chirashi.js or chirashi.min.js and load it using a script tag. You can also use CDN version of those files from unpkg using the link https://unpkg.com/[email protected]/dist/chirashi.min.js. It'll create an instance of Chirashi on your window. Then use as following example

Chirashi.ready(function () {
  Chirashi.append(document.body, '<h1>Hello World!</h1>')
})