AbsoluteJS

Examples

examplesworkspacealphaDev Tools

Each directory is a standalone example app. Pick one, cd in, bun install, bun dev.

#Installation

BASH
git clone https://github.com/absolutejs/examples.git

#Capabilities

Repository composition

0 public packages and 19 private workspace projects are versioned and developed together.

Overview

Each directory is a standalone example app. Pick one, cd in, bun install, bun dev.

Example — Demonstrates — Companion package

ai/ — Multi-provider chat / completion using @absolutejs/ai — @absolutejs/ai

Show 10 more

auth/ — 6-framework OAuth2 login, identity linking/merging, and connector grants against @absolutejs/auth — @absolutejs/auth

crm/ — 6-framework lead-capture form against @absolutejs/crm runtime + local entity store — @absolutejs/crm

error-boundaries/ — Per-route error boundaries, fallback UIs, RUM hooks — @absolutejs/absolute

image-optimization/ — Image pipeline: format negotiation, responsive srcsets, blur placeholders — @absolutejs/absolute

isolated-jsc/ — Browser demo for Bun-native sandboxed JavaScript execution with timeouts, memory caps, and host References — @absolutejs/isolated-jsc

island/ — Server-rendered pages with hydrated islands across React/Vue/Svelte/Angular — @absolutejs/absolute

out-of-order-streaming/ — Streamed-HTML responses with Suspense-style out-of-order slots — @absolutejs/absolute

rag-vector/ — Retrieval-augmented chat with SQLite vector store + corpus ingestion — @absolutejs/rag

service-worker/ — PWA shell, offline cache strategies, background sync — @absolutejs/absolute

spa/ — Single-page-app mode with client-side routing — @absolutejs/absolute

Running an example

Each example has its own package.json, tsconfig.json, absolute.config.ts, and .gitignore. No workspace tooling — they're intentionally independent so you can copy any single directory into a fresh project as a starting point.

Checks

Run checks from inside the example you are changing. Most examples expose bun run typecheck; examples with browser coverage also expose bun run test. Today that includes image-optimization/, sync/, and isolated-jsc/.

History

These were previously twelve separate repos under the absolutejs org. They were consolidated here in May 2026 to reduce maintenance overhead. The original repos are now archived on GitHub.

Outcomes

What you can build

Build on the supported package contract

Use examples through its supported public entry points.

Hardening checklist

Production guidance

Make every external boundary explicitPin the deployed examples version, replace example or memory-backed dependencies with durable implementations, bound external calls, protect credentials, and emit enough evidence to retry or recover safely.

Follow in order

Troubleshooting path

1
Trace from the first failed boundary
Reproduce the smallest canonical examples example, confirm the supported entry point and version in the API explorer, then inspect the first boundary that did not produce its documented result.

#Running an example

Partial snippet

Working example for Running an example.

SH
cd voice
bun install
bun dev

#Workspace contents

0 public packages and 19 private workspace projects are maintained in this repository.

absolute-ai-examplev0.0.1

Private workspace project — A complete multi-framework chat application built with @absolutejs/ai. The same backend powers React, Vue, Svelte, Angular, HTML, and HTMX clients while demonstrating streaming responses, provider selection, tools, attachments, reasoning output, and conversation persistence.

absolutejs-auth-examplev0.0.1

Private workspace project — OAuth2 authentication with @absolutejs/auth, demonstrated across all six AbsoluteJS frontends — React, Vue, Svelte, Angular, HTML, and HTMX — backed by one Elysia server, one JSON/OAuth API, and one shared CSS file.

absolutejs-crm-examplev0.0.1

Private workspace project — One page per framework (React / Vue / Svelte / Angular / HTML / HTMX) demonstrating the same CRM lead-capture flow against @absolutejs/crm. Backend wires a stub adapter so the example runs without real Salesforce/HubSpot credentials.

absolutejs-demo-examplev0.0.1

Private workspace project — Runnable product-demo proof for @absolutejs/demo.

absolutejs-error-boundaries-examplev0.0.1

Private workspace project — A demonstration of AbsoluteJS's convention-based error boundary system across React, Vue, Svelte, and Angular — all running in a single project with server-side rendering.

absolutejs-image-optimization-examplev0.0.1

Private workspace project — This project showcases the AbsoluteJS Image component across four frameworks — React, Vue, Svelte, and Angular — plus the data-optimized attribute for plain HTML and HTMX. Each demo page renders the same set of images so you can compare the developer experience and output across all six approaches.

absolutejs-island-examplev0.0.1

Private workspace project — An example project demonstrating the AbsoluteJS islands architecture — mix React, Svelte, Vue, Angular, HTML, and HTMX components on the same page with shared state across frameworks.

absolutejs-isolated-jsc-examplev0.0.1

Private workspace project — Live demo of @absolutejs/isolated-jsc, a Bun-native sandbox for executing untrusted JavaScript with heap isolation, CPU timeouts, memory caps, brokered host capabilities, execution receipts, output limits, and an FFI backend when JavaScriptCore is available.

absolutejs-out-of-order-streaming-examplev0.0.1

Private workspace project — An example project demonstrating the AbsoluteJS out-of-order streaming model across React, Svelte, Vue, and Angular.

absolutejs-queue-examplev0.0.1

Private workspace project — Background jobs with @absolutejs/queue, shown across every framework AbsoluteJS supports. An in-process worker drains a typed job queue; every page — React, Vue, Svelte, Angular, HTML, or HTMX — enqueues work and polls the live status as the worker picks jobs up, retries the occasional transient failure, and marks them done.

absolutejs-rag-vector-examplev0.0.1

Private workspace project — This demo is pinned to @absolutejs/absolute@0.19.0-beta.644 + @absolutejs/ai@0.0.2 + @absolutejs/rag@0.0.1.

absolutejs-rate-limit-examplev0.0.1

Private workspace project — Single-package example for @absolutejs/rate-limit. Boots an Elysia app with three rate-limiting setups:

absolutejs-service-worker-examplev0.0.1

Private workspace project — A multi-framework demonstration of Service Worker capabilities built with AbsoluteJS. The same interactive demo is implemented in React, Vue, Svelte, Angular, and vanilla HTML — all served from a single application.

absolutejs-spa-examplev0.0.1

Private workspace project — Demonstrates intra-framework SPA navigation in AbsoluteJS using each framework's native router. The top-level route between frameworks (/react → /svelte) is a full-page MPA navigation. The sub-routes inside each framework page (/react/settings, /react/profile) are client-side SPA navigations driven by the framework's own router.

absolutejs-stylelab-examplev0.0.1

Private workspace project — Shows AbsoluteJS Sass, SCSS, Less, and SCSS module preprocessing across React, Svelte, Vue, Angular, HTML, and HTMX routes.

absolutejs-sync-examplev0.0.1

Private workspace project — The @absolutejs/sync Tier 3 sync engine, shown across every framework AbsoluteJS supports. A shared task list is a live collection: each page hydrates once over a WebSocket, then the server pushes { added, removed, changed } diffs — no polling. Edits apply optimistically and reconcile when the server confirms. Open two tabs (or two frameworks) and every open client stays in sync.

absolutejs-voice-examplev0.0.1

Private workspace project — This is a full AbsoluteJS demo app for @absolutejs/voice.

absolutejs-web-worker-examplev0.0.1

Private workspace project — A demo project showcasing web workers across 5 frontend frameworks (React, Svelte, Vue, Angular, HTML) — all running in a single app powered by AbsoluteJS.

citra-examplev0.0.1

Private workspace project — Runnable showcase for citra — authorize, callback, refresh, revoke, and fetch-profile against every supported OAuth2 provider.

Workspace project
This workspace project is not published as a standalone npm package. Use its repository and the accurately labeled public or private workspace contents below.