JSX with Ease

Explore Jeasx

Use asynchronous JSX as an intuitive templating language for the server-side rendered web.

Browse 53 examplesVisit jeasx.dev

Run it yourself

All examples are on GitHub. Clone the repository to run them locally. Every example links to its source in the top right corner.

Minimal markup

Styled with µCSS, a lightweight and mostly classless CSS framework, so the markup stays short and easy to read.

01

Dynamic websites

Render pages on the server with content from a remote API, JSON data or Markdown with MDX.

02

Web applications without client-side JavaScript

Build interactive apps with plain HTML forms. The server does the work, and view transitions make page changes feel smooth.

03

Hypermedia with HTMX

Every Jeasx route can return an HTML fragment, so hypermedia libraries like HTMX and Fixi can update parts of a page with markup rendered on the server.

04

Islands of client-side JavaScript

Add islands of interactivity to server-rendered pages with the client-side library you already know.

05

Streaming and Server-Sent Events

Use the standards of the web platform: stream HTML with a Response or a ReadableStream or push live updates.

06

Images, JSON and other content types

Routes aren't limited to HTML: they can return images, SVG, JSON, XML or any other content type.

07

Rendering with JSX

Compose components, share request context, manage the head, control what JSX renders on the server and in the browser, and test components with unit tests.

08

Authentication and security

Protect routes with basic auth or sessions, sign cookies, block injected scripts and stop bots with a proof-of-work captcha.

09

Error handling and post-processing

Catch errors and transform the final HTML before it is sent to the browser.