History

Ben Croker 3869f09f5a Add star history chart [deploy-site]		2025-04-12 08:01:48 -06:00
..
src	Add wildcard support to persist plugin (#807 )	2025-03-30 10:58:39 -06:00
.gitignore	v0.21.0-beta1	2024-12-05 09:09:04 -08:00
README.md	Add star history chart [deploy-site]	2025-04-12 08:01:48 -06:00
package.json	1.0.0-beta.11	2025-03-29 12:15:41 -06:00
pnpm-lock.yaml	Fix types errors and NPM build	2024-12-06 12:54:30 -08:00
tsconfig.json	Fix fragment morph (#608 )	2025-02-05 16:02:57 -06:00

README.md

Datastar

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.

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

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

Custom Plugins

You can manually add your own plugins to the core:

<script type="importmap">
{
    "imports": {
      "datastar": "https://cdn.jsdelivr.net/gh/starfederation/datastar@v1.0.0-beta.11/bundles/datastar.js"
    }
}
</script>
<script type="module">
    import { load } from 'datastar'

    load(
        // Look ma’, I made a plugin!
    )
</script>