Examples

Working demos that show how to build real things with Signet.js. Each example uses only signet.js and Tailwind CSS — no other dependencies.

Read the README

Build with js-scope

Try nested scopes

Task Manager

A full CRUD task app demonstrating every built-in directive: js-for, js-if, js-model, js-bind, js-on, js-show, and nested js-scope. Includes computed properties, task filtering, and progress tracking.

js-for js-model js-if js-scope computed

Open Example

More Coming Soon

Shopping cart, accordion, live search, wizard form. Contributions welcome!

Contribute on GitHub →

Quick Demos

These tiny examples show a single concept. Click and type to interact.

js-scope + js-text + js-on

js-show

js-show toggles display:none without removing the element. Use js-if for full unmounting.

js-model

Hello, !

js-if

✓ This content was added to the DOM via js-if.

Content removed from DOM entirely when falsy.

js-bind:disabled

✓ Sent: ""

js-for