Datastar

v0.21.2

The hypermedia framework.

Datastar helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework.

Include Datastar with a single 12.0KiB file and start adding reactivity to your frontend immediately. Write your backend in the language of your choice! Official SDKs are available to help you get up and running even faster, with more languages on the way.

Getting started is as easy as adding a single script tag to your HTML.

<script type="module" src="https://cdn.jsdelivr.net/gh/starfederation/datastar@develop/bundles/datastar.js"></script>

Then start adding frontend reactivity using declarative data-* attributes.

<input data-bind-title />
<div data-text="title.value.toUpperCase()"></div>
<button data-on-click="sse('/endpoint', {method: 'post'})">Save</button>

Get involved with the community and help shape the future of Datastar!

We are by far the smallest and fastest full-featured framework, even with everything included. But no worries, we provide a “pay for what you use” bundling system for when you want a custom build.