datastar

README

Datastar

A real-time hypermedia framework.

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

Here’s what frontend reactivity looks like using Datastar:

<div data-store="{input: ''}">
    <input data-model="input" type="text">
    <div data-text="$input.toUpperCase()"></div>
    <button data-on-click="$post('/endpoint')">Save</button>
</div> 

Visit the Datastar Website »

Getting Started

Include Datastar with a single 14 KiB file and start adding reactivity to your frontend immediately. Write your backend in the language of your choice, and use the helper SDKs (available for Go, PHP, TypeScript and .NET) to get up and running even faster.

<script type="module" defer src="https://cdn.jsdelivr.net/npm/@sudodevnull/datastar"></script>

Read the Getting Started Guide »

Contributing

Read the Contribution Guidelines »

Development

Read the Development Guidelines »