Choose the package that owns the boundary
Gluon packages are intentionally composable. Begin with the smallest capability you need, keep application state and lifecycle ownership explicit, and add other packages only when the workflow calls for them.
| Package | Runtime | What it owns |
|---|---|---|
| @gluonjs/atoms | browser | Accessible focused UI primitives and reusable Gluon theme styles. |
| @gluonjs/compiler | universal | Source transforms and template location tracking for Gluon tooling. |
| @gluonjs/core | browser | Browser runtime and component ownership boundary for Gluon applications. |
| @gluonjs/devtools | browser | Opt-in Gluon development bridge, browser inspector, and Vite integration. |
| @gluonjs/devtools-api | universal | Versioned, environment-neutral Gluon Devtools protocol. |
| @gluonjs/gluon-components-vite | browser | Official Storybook renderer and Vite framework for Gluon components. |
| @gluonjs/graph | browser | Interactive, dependency-free network graph Custom Element for Gluon. |
| @gluonjs/graphql | universal | Optional request-scoped GraphQL resources for SSR, hydration, and component-owned data loading. |
| @gluonjs/i18n | browser | Locale-aware messages and lazy namespace loading for Gluon applications. |
| @gluonjs/json-forms | browser | Schema-driven, form-associated Custom Elements for Gluon. |
| @gluonjs/language-server | node | Gluon template language service, LSP server, and CI checker. |
| @gluonjs/molecules | browser | Accessible reusable UI compositions for Gluon. |
| @gluonjs/organisms | browser | Accessible larger interface structures for Gluon. |
| @gluonjs/quarks | browser | Typed native-element factories and headless interaction primitives for Gluon. |
| @gluonjs/reactivity | universal | DOM-free reactive state primitives for Gluon. |
| @gluonjs/router | browser | Official Gluon router with browser, hash, and memory histories. |
| @gluonjs/ssr | node | DOM-independent server rendering and request isolation for Gluon. |
| @gluonjs/store | universal | Typed, application-scoped state management without a DOM dependency. |
| @gluonjs/test-utils | browser | Black-box component and application test helpers for Gluon. |
| @gluonjs/vite | node | Official Vite integration and state-preserving HMR for Gluon. |
| @gluonjs/vue-migration-analyzer | node | Static, report-only Vue 3.5 migration inventory for Gluon. |
| create-gluon | node | Scaffold Gluon TypeScript applications and verified app-local components. |
Build a complete application
- Start with a working application
- Connect Router and Store
- Render on the server and hydrate
- Compose accessible UI layers
- Browse runnable recipes
Each package page identifies its runtime boundary, installation, quick start, non-goals, integrations, and generated public API.