Build with clarity
Purity is a small web framework built around fine-grained reactive state, direct DOM templates, Custom Elements, and optional server rendering. This documentation site uses Purity for its search, navigation, and live example.
Start with the five-minute guide, then choose a topic below to explore the framework. Read capabilities and limits for implemented features, evidence, and remaining gaps.
Browse by category
Get startedCreate a project and learn the shape of a Purity app.2 pagesCore conceptsState, derived values, templates, lists, and TypeScript.2 pagesRendering and deliveryComponents, Shadow DOM, islands, and server rendering.3 pagesBuild with confidenceCapabilities and limits, accessibility, debugging, and migration.4 pagesArchitecture decisionsThe choices behind Purity, including proposed work.50 pages
Try the reactive core
The counter below runs on state(), compute(), and html from @purityjs/core.
Install
npx @purityjs/cli my-app
cd my-app
npm install
npm run dev
For server rendering, add --ssr when creating the project. The generated project builds a Node server that starts with npm start.
Purity is pre-1.0. APIs can change between minor releases; check the changelog before upgrading.