Datastar Pro

Datastar Pro adds functionality to the free open source Datastar framework. All pro features are available under a commercial license that helps fund the open source work of Star Federation.

Pricing #

Solo

$299 ~~$399~~

For a single developer.
Lifetime access to all Pro features.
Developer support.

Buy Now

Team

$999 ~~$1199~~

For product teams and organisations with up to 25 employees.
Lifetime access to all Pro features.
Developer support.

Buy Now

Enterprise

For businesses and organisations with over 25 employees.
Lifetime access to all Pro features.
Dedicated support.
Custom licensing.

Contact Sales

License #

Datastar Pro is a lifetime license at a one-time cost. You can use pro features in any number of commercial or non-commercial projects, and you will receive access to updates and any additional pro features that are released in future. By purchasing a license, you are directly supporting the development of the Datastar framework.

Licensing FAQs #

Which license do I need to purchase?

The license you require depends on the entity that will use it:

The Solo license is intended for solo developers and freelancers, including small organisations with a single developer only.
The Team license is intended for organisations with up to 25 employees.
Any organisation with over 25 employees must contact us to arrange for an Enterprise license. Enterprise licenses come with benefits such as developer training, setup and launch support, custom licensing, and specific payment options.

What restrictions are there on the use of Datastar Pro?

Datastar Pro may be used by the license holder only, with the following restrictions:

Redistribution, sublicensing, or making the software available to third parties in any form, outside of an “end product”, is strictly prohibited.
Source maps are not provided, and may not be used in non-development environments. This is to help protect against unintentional redistribution and piracy.

What constitutes allowed and prohibited redistribution of Datastar Pro?

Datastar Pro may be used by the license holder only, on an unlimited number of projects that the license holder is directly involved in.

Datastar Pro may be distributed in “end products” only. In this context, an end product means a finished application, website, or service that uses Datastar Pro internally but does not expose it to others for development or reuse (something you build using Datastar Pro, not something that lets others build with it).
Datastar Pro may not be distributed to third parties in a way that allows them to build using Datastar Pro, as if they themselves were license holders.

Can I use a subset of the features that come with Datastar Pro?

Absolutely! You can build a custom bundle that includes only the plugins you need using the bundler.

You can also use the Datastar Inspector and Stellar CSS (once available) with or without using the Pro plugins.

Can I upgrade a Solo license to a Team license?

Certainly! Contact us from the email address you used to purchase a license and we’ll send you a link to upgrade your license at a discounted price.

Pro Features #

Attributes #

data-animate - Animates element attributes over time.
data-custom-validity - Adds custom validity to an element.
data-on-raf - Runs an expression on every animation frame.
data-on-resize - Runs an expression on element resize.
data-persist - Persists signals in local storage.
data-query-string - Syncs query string params with signal values.
data-replace-url - Replaces the URL in the browser.
data-scroll-into-view - Scrolls an element into view.
data-view-transition - Sets view-transition-name styles.

Actions #

@clipboard() - Copies text to the clipboard.
@fit() - Linear interpolates a value.

Events #

upload-progress - Real-time upload progress monitoring for file uploads.

Bundler #

The bundler allows you to create custom bundles, including only the plugins you need. This can be useful when you only need a subset of the Datastar framework, or when you want to intentionally restrict what plugins your development team has access to.

The bundler also allows you to create a custom aliased bundle, in which the syntax of Datastar attributes becomes data-{alias}-*. This can help avoid conflicts with other frameworks that use data attributes.

Datastar Inspector #

The Datastar Inspector is a debugging tool that allows you to inspect and filter current signals, and view signal patch events and SSE events in real-time.

Written as a web component, the Datastar Inspector is useful when developing Datastar applications, and can be used as a starting point for you to build your own custom debugging tools.

Current signals tab — The current signals tab shows all signal values. Signals can be filtered using regular expressions or wildcard syntax, and viewed in JSON or table format.

Signal patches tab — The signal patches tab shows all signal patch events originating from both the frontend and backend.

The SSE events tab shows all SSE events originating from the backend.

Persisted signals tab — The persisted signals tab shows all persisted signals on the page, with the ability to filter signals and view in JSON or table format, toggle between local storage and session storage, and clear persisted values.

Stellar CSS #

Stellar CSS is a lightweight CSS framework that provides a configurable design system in the form of CSS variables with no build step. It replaces the need for frameworks like Tailwind CSS that tend to bloat markup with utility classes, and Open Props that are non-configurable.

Stellar CSS is still a work-in-progress (it’s being actively used on this site) and will become available as a pro feature in the future.