🌟 Ultimate Datastar.js Demo

Hello, !

Experience the power of pure HTML reactivity - no JavaScript required!

✨ 100% Declarative 🚀 Zero JavaScript ⚡ Reactive Magic ☀️ Light Theme

📊 Real-time Dashboard Auto-updating

0 Page Views
0 Tasks Done
0 Total Tasks
0 Local Clicks

🔢 Smart Counter Computed Signals

Status:

Power Level:

Is Even:

📝 Task Manager data-for iteration

🎨 Theme Switcher Dynamic Attributes

Current theme:

🔄 Live Data Binding Two-way sync

Live Greeting:

Searching for: ""

Climate:

📋 Smart Forms Advanced binding

Experience Level
Preferences

🎭 Conditional Magic Smart visibility

🎉 Achievement Unlocked! You've reached the double digits!
😱 Danger Zone! You've gone deep into negative territory!
⭐ Pro Member Benefits: Unlimited tasks, priority support, and exclusive themes!
🚀 Expert Mode: Advanced features are now available!
✅ All Tasks Complete! You're amazing!
🔔💾 Full Sync Mode: Notifications and auto-save are both enabled!

🏗️ Dynamic Content HTML injection

Safe Text Rendering:
HTML Rendering:

⚠️ HTML injection should only be used with trusted content to prevent XSS attacks.

📡 Signal Monitor Change detection

This section monitors signal changes and logs them to the console. Open your browser's developer tools to see the magic!

⚡ Performance Features Local signals

Local signals (prefixed with _) are not sent to the server, perfect for UI-only state:

Local Clicks:
Session Views:
Auto-incrementing every second