https://github.com/starfederation/datastar

The hypermedia framework.
https://github.com/starfederation/datastar

Last synced: about 8 hours ago
JSON representation

The hypermedia framework.

• Host: GitHub
• URL: https://github.com/starfederation/datastar
• Owner: starfederation
• License: mit
• Created: 2023-08-28T02:34:22.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2025-01-16T18:34:32.000Z (9 days ago)
• Last Synced: 2025-01-17T00:52:59.415Z (9 days ago)
• Language: Go
• Homepage: https://data-star.dev
• Size: 113 MB
• Stars: 908
• Watchers: 15
• Forks: 63
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• awesome-ccamel - starfederation/datastar - The hypermedia framework. (Go)

README

        
![Version](https://img.shields.io/github/package-json/v/starfederation/datastar?filename=library/package.json)

![License](https://img.shields.io/github/license/starfederation/datastar)

![Stars](https://img.shields.io/github/stars/starfederation/datastar?style=flat)



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

```html

```

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

```html



Save

```


Visit the [Datastar Website »](https://data-star.dev/)

Join the [Discord Server »](https://discord.com/channels/1296224603642925098/1296224603642925102)

## Getting Started

Read the [Getting Started Guide »](https://data-star.dev/guide/getting_started)

## Contributing

Read the [Contribution Guidelines »](https://github.com/starfederation/datastar/blob/develop/CONTRIBUTING.md)

## Custom Plugins

You can manually add your own plugins to the core:

```html

{

    "imports": {

      "datastar": "https://cdn.jsdelivr.net/gh/starfederation/[email protected]/bundles/datastar.js"

    }

}

    import { Datastar } from 'datastar'

    Datastar.load(

        // Look ma’, I made a plugin!

    )

    Datastar.apply(document.body)

    

```