Datastar
The hypermedia framework.
Datastar is a lightweight framework for building everything from simple sites to real-time collaborative web applications.
Getting started is as easy as adding a single 10.23 KiB script tag to your HTML.
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-RC.6/bundles/datastar.js"></script>
Then start adding frontend reactivity using declarative data-* attributes.
<input data-bind:title />
<div data-text="$title.toUpperCase()"></div>
<button data-on:click="@post('/endpoint')">Save</button>
Visit the Datastar Website »
Watch the Videos »
Join the Discord Server »
Getting Started
Read the Getting Started Guide »
Contributing
Read the Contribution Guidelines »