Datastar

This plugin is in alpha and its API may change.

Datastar is a free plugin that allows you to create real-time front-ends driven by Twig templates. It aims to replace the need for front-end frameworks such as React, Vue.js and Alpine.js + htmx, and instead lets you manage state and run logic all within your Twig templates.

With Datastar, you have the ability to define state and manipulate the DOM in real-time on the front-end, and modify parts of the DOM with templates rendered on the back-end. Use-cases:

• Live searching elements
• Loading more elements / Infinite scroll
• Paginating, ordering and filtering lists of elements
• Submitting forms and running actions
• Pretty much anything to do with reactive front-ends

Datastar is lightweight, performant and opinionated about embracing hypermedia and removing front-end complexity. It can be used for simple to complex use-cases.

Learn more and read the documentation at putyourlightson.com/plugins/datastar »