What is it?

binder.js is a JavaScript library to help you build custom web components to use in your server rendered templates.


Show me!

click counter

Clicks: {this.args.clicks}
View Source 
<click-counter :clicks=0>
    <p :render>Clicks: {this.args.clicks}</p>
    <button @click.eval.render="this.args.clicks++">Click me!</button>
</click-counter>

<script type="module">
    import { registerControllers, Controller } from '/static/js/binder/binder.js';
    registerControllers(Controller.withTag("click-counter"));
</script>

Interested?

You can get started now by checking out the quick start instructions or learn more from our guide.