Build web apps on the platform.Native Custom Elements. Clear ownership. Composable TypeScript packages.

Start with a working app, add only the capabilities you need, and keep every boundary public and inspectable.

Learn by building

Generate a working application first, then add components, state, routing, and deployment only when the product calls for them.

Follow the learning path

Try before you commit

Explore templates, diagnostics, and public APIs in the shareable browser Playground without setting up a repository.

Open the Playground

Choose the right package

Compare public boundaries, runtime requirements, dependencies, and examples across the complete package family.

Browse packages

Combine packages with intent

Follow real recipes for application state, navigation, rendering, UI composition, and test ownership.

Read the recipes

Verify the exact contract

Browse generated, version-matched references for every supported public package entry point.

Browse the API

Gluon builds on the browser platform instead of hiding it. Its packages make rendering, reactive state, application ownership, and native Custom Elements compose without turning each capability into a private framework convention.

A short path to a real application

Generate a starter: run npm create gluon@latest my-app and choose only the capabilities your application needs.
Experiment in the browser: use the shareable Playground to test a template, inspect diagnostics, and send a reproduction link.
Study a complete flow: browse the GLUON GOODS shop, the maintained application surface for routing, state, UI, SSR, and checkout.
Give feedback: open an issue with the smallest reproduction or tell us which part of the first-run path was unclear.

Find your path

You want to…	Start here
Create a working project	Getting started
Understand the model step by step	Learning path
Build one stateful component	First component
Pick a package	Package guide
Combine Router and Store	Application architecture
Render and hydrate on the server	Universal rendering
Load component data during SSR	Async data and SSR
Find an API contract	API reference
Move from Vue	Migration guides

The examples use official public package entry points. The living GLUON GOODS shop remains the application acceptance surface wherever a feature has a real customer flow.