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.82 KiB script tag to your HTML.

<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0/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 »