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 11.89 KiB script tag to your HTML.
<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.4/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 »