Sprout JavaScript Library Example

Download Back To CSSScript.Com

A tiny JavaScript library that transforms JSON data into reactive DOM templates. Zero dependencies, declarative syntax, automatic re-rendering.

Transforms ...

<template is="🌱" data-json='[{"name": "John", "age": 30, "isAdmin": true}, {"name": "Jane", "age": 25, "isAdmin": false}]'>
  <template data-for="{user in _}">
    <div>
      <template data-if="{user.isAdmin}">
        <h1>Admin: <span>{user.name}</span></h1>
        <p class="{user.name}">{user.age}</p>
      </template>
    </div>
  </template>
</template>

Into...