plugnburn

Zen.js

It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to take away.

Antoine de Saint Exupéry

Zen.js is tiny attempt to create the Zen of reactive in-memory storage on the JS client-side environment.

How to obtain

plugnburn

Q.js

Q.js is a very simple, tiny and elegant DOM manipulation library that provides the essentials in an original and minimalistic way.

How to obtain

Just download the minified version here or include it directly in your HTML:

plugnburn

R.js

R.js is a 30-line JS library that brings life to the third part of minimalistic saga: parameterized client-side routing.

How to obtain

Download the library here or include the following into your HTML:

plugnburn

XT.js

Let's close the ultra-small library cycle with some awesome array-based templating. 323 bytes minified.

How to obtain

Just download the minified version here or include it into your code:

plugnburn

ZenQRXT - all nano-goodness, combined

This page aims to provide a downloadable bundle of four awesome nano-libraries that offer a complete client-side barebones stack: Zen.js, Q.js, R.js and XT.js. Please read about each library at its README page.

Using the bundle

Bundle size is 2641 bytes (1303 bytes gzipped). Download it right here or include it into your code:

plugnburn

*{box-sizing:border-box;outline:none}
html {font-size:17px;font-family:Roboto,arial,sans-serif}
code,pre{
	font-size:0.9rem;font-family:"Droid Sans Mono",monospace;
	word-wrap:break-word;
}
body {margin:0;padding:0;font-size:1rem;line-height:1.375}
body,th,td,input,textarea,select,option,h1,h2,h3,h4,.fbox,.fr,.fr>*{
	font-size-adjust:0.5;
	font-family:inherit;

plugnburn

Psto

This is a no-brainer to get your single-post web page up and running. Just have to have Node and NPM installed, and /bin/sh pointing to Bash shell. Styling is powered by 999.css.

Steps:

1. Place the below package.json into an empty directory and enter this directory in your command line prompt.
2. Run npm run scaffold.
3. Edit domain, title and author in the config section of your package.json. The domain may be either a Surge subdomain or your own (please refer to the Surge docs). If you're going to host your page yourself, you may leave domain empty.

plugnburn

XS.js

This is an ultra-small library for dynamic CSS rules construction (accompanying DOM construction library XT.js). 244 bytes minified, under 200 bytes gzipped.

How to obtain

Download it here or include it into your HTML:

plugnburn

Z5

Move all your frontend development to real programming with Z5 nano-library bundle that contains:

• Zen.js (v2) for reactive in-memory storage;
• Q.js for DOM manipulation;
• R.js for client-side routing;
• XT.js for dynamic DOM construction/templating;
• XS.js for dynamic stylesheet construction.

plugnburn

DaBi: data binding library that keeps it simple

DaBi (short for Data Binding) is a dead simple yet complete and self-contained DOM-to-JS and JS-to-DOM data binding library in just 25 lines of pure ES5 and 454 bytes when minified.

How to obtain

Download it right here or include it into your HTML: