7830ea7bae
also bump version to 0.1.3 and bump alpha version of rama |
||
|---|---|---|
| .github | ||
| .vscode | ||
| build | ||
| bundles | ||
| examples | ||
| library | ||
| sdk | ||
| site | ||
| tools | ||
| .gitattributes | ||
| .gitignore | ||
| BUILDING.md | ||
| CHANGELOG.md | ||
| CONTRIBUTING.md | ||
| DOCKER.md | ||
| Dockerfile | ||
| Dockerfile-dev | ||
| LICENSE | ||
| Makefile | ||
| README.md | ||
| Taskfile.yml | ||
| VERSION | ||
| biome.json | ||
| fly.toml | ||
| go.mod | ||
| go.sum | ||
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>