Introducing Elements: the Claude desktop app with an agent's chat, the Elements build and a running app side by side
Learn

Introducing Elements

Build and deploy insanely great apps with Elements and AI, on servers you control.

16 lessons 1h 27m
  1. 1.0 Get started

    1.1
    Get Started with a Demo
    Paste one prompt and a live chat app runs on your machine, yours to change.
    3:10
  2. 1.2
    Get Started with an Empty App
    Install Elements and start your own app, with a database and tests already set up.
    2:43
  3. 1.3
    Build with AI
    Your agent on the left, the live build and your running app on the right, all on your own machine.
    3:52
  4. 1.4
    Work in the Terminal and Your Editor
    Three commands to a running app, and every error shows up in your editor as you work.
    3:32
  5. 2.0 How it works

    2.1
    The Build
    One build for the server and the browser. Type errors, failing tests and broken migrations show up the instant you save.
    10:55
  6. 2.2
    Pages and Templates
    Real HTML with typed attributes, rendered complete on the server and live in the browser, with routes and caching built in.
    6:39
  7. 2.3
    Typed RPC Functions
    Call typed server functions directly from the browser. The build tooling takes care of the wire hookup and type checks every call.
    6:48
  8. 2.4
    The Database
    Postgres is running the moment your app exists. Change a table, save, and it follows.
    9:46
  9. 2.5
    Live Data
    Chat, dashboards, multiplayer games. Every open browser sees each change as it happens.
    7:05
  10. 2.6
    Tests
    Tests run as part of the build, each one cleaning up after itself. A failing test is never released.
    6:16
  11. 3.0 What every app needs

    3.1
    Authentication and Authorization
    User accounts in your own database, passwords hashed with bcrypt, sessions in routes, RPC functions, tests and pages, and rules for what each user may do.
    4:30
  12. 3.2
    Jobs
    Hand slow work to background workers through a queue in your own database, with retries.
    3:27
  13. 3.3
    Cron
    Run a task on a recurring schedule, written in plain words, once across all your servers.
    2:48
  14. 3.4
    Email
    Write emails in the same HTML as your pages and send them with one call.
    3:58
  15. 4.0 Deploy

    4.1
    Deploy
    One command puts your app on servers you control, with the database, load balancer and HTTPS set up for you.
    8:40
  16. 5.0 Why Elements

    5.1
    Why Elements
    AI can bring software to every corner of the earth. Elements is the app environment that gets us there.
    3:01