Explore real-time, reactive examples showcasing djust's capabilities. All demos feature instant updates without page reloads.
Simple counter demonstrating real-time state management and event handling. Click buttons to increment, decrement, or reset the value.
Full-featured todo list with add, complete, and delete functionality. Shows complex state management and list rendering.
Real-time chat interface with message history and user presence. Demonstrates WebSocket communication patterns.
Demonstrates React-style component patterns and reactive rendering with djust's VDOM engine.
Interactive data table with sorting, filtering, and pagination. Perfect for displaying large datasets efficiently.
Stress test the VDOM rendering engine with rapid updates. See how djust handles high-frequency changes.
from djust import LiveView
class CounterView(LiveView):
count = 0
def increment(self, **kwargs):
self.count += 1
def decrement(self, **kwargs):
self.count -= 1<div>
<h1>Count: {{ count }}</h1>
<button @click="increment">+</button>
<button @click="decrement">-</button>
</div>