Backend-first UI for building interactive web appsThorm
  • Get started
    • Get Started in 5 minutes
    • First Page
    • Your first page
    • The controller
    • Header
    • Hero section
    • Contact section
    • The API
    • Considerations
  • Docs
    • Overview
    • Guides
    • Intro
    • Atoms
    • Node builders
    • Props helpers
    • State + expressions
    • Expression builder
    • Events + actions
    • Effects + targets
    • API
    • Api
  • Examples
  • Roadmap
  • Blog
  • Community
Get StartedGitHub
  1. Home

Examples

Browse practical examples and interactive demos.

State And Reactivity

  • Counter
  • Two Counters
  • Toggle
  • Reactive Text
  • Reset

Components

  • Components Basics
  • Props Demo
  • Live Components
  • Nested Live Components
  • Component Styling

Effects And Lifecycle

  • Increment on Mount
  • Interval Counter
  • Timeout Trigger
  • Watch Trigger
  • Visibility Trigger

Events

  • Window Resize Event
  • Window Scroll Event
  • Self-Submitting Form
  • Events

HTTP And Async

  • Fetch on Mount
  • Self-Submitting Form
  • Live Search Box
  • Sequential Tasks

Routing

  • Router

DOM Structure And Markup

  • HTML Node Demo
  • Attrs
  • Fragments

Lists And Repetition

  • Repeating Lists

Bindings / IDs

  • Binding IDs

Interactive Demos

  • Conway's Game of Life
  • Hybrid ssr csr
Backend-first UI for building interactive web appsThorm

Modern, reactive UI for backend developers, keep JavaScript optional, and switch SSR, CSR or hybrid with ease.

Get StartedExamplesGitHub
Status: Developer Preview (expect changes).
Learn
  • Docs
  • Tutorial
  • Examples
  • Blog
Project
  • Roadmap
  • Community
  • Get Started
  • API / Reference
About
  • Team
  • FAQ
  • Privacy
  • License

©YYYY Thorm. Open-source project. Contributions welcome.
Built in PHP with Thorm. JavaScript when needed.