Getting Started

1. Install datastar-pro

DataUI components require datastar-pro to function.

npm install datastar-pro

2. Add components

Use the CLI to add components to your project:

npx dataui add button

3. Use in your HTML

Import and use components directly in your HTML:

<script type="importmap">
  {"imports": {"dataui/button": "./components/dataui/button.js"}}
</script>

<script type="module">
  import "dataui/button";
</script>

<dui-button>Hello World</dui-button>