Getting Started

Building the web { your way }

Snocrystal (v4)

Declarative UIs and you never touch your javascript.

<body data='{count:0}'>
  <button onclick='$("count++")'>Increment</button>
  <p react>
    {{count}}
  </p>
</body>

{{count}}

Never leave your HTML

Sno is designed with tags that place the power of JS in HTML.
Reactive state is as simple as count: 0.

How small?

I mean < 300 lines of code. A build size of around 4kb!!
1 single script tag.

<script src="https://snojs.github.io/sno/crystal.js"></script>


[Next]

This page was last update on Dec 5. 2024 by, Weston