djust examples
djust.org →

Interactive Examples

Live demos of djust's reactive server-side rendering. Each example runs right here — open multiple tabs to see real-time collaboration in action.

All server-rendered WebSocket powered Zero JS frameworks
✍️

Collaborative Notepad

Real-time collaborative text editor. Multiple users see each other's edits instantly — powered by djust LiveView, PresenceMixin, and push_to_view broadcasting.

Real-time sync across tabs Presence tracking (who's online) Remote cursor positions Template insertion
Click to launch
🤖

AI Chat

LLM-style chat with streaming responses. Watch words appear in real-time — powered by StreamingMixin, JS hooks, and dj-stream directives.

Token-by-token streaming Markdown rendering Code syntax highlighting Auto-scroll hooks
Click to launch
✅

Collaborative Todos

Full-featured todo app with shared state across tabs. Filters, subtasks, bulk actions, undo — all server-side with zero custom JavaScript logic.

Shared state across tabs Filters & search Subtasks & reordering Undo with Ctrl+Z
Click to launch
📁

File Upload

Drag-and-drop file manager combining HTTP uploads with LiveView reactive UI. Progress bars, filtering, and file management — hybrid HTTP + WebSocket pattern.

Drag & drop upload Real-time progress bars File type filtering Hybrid HTTP + LiveView
Click to launch