Getting started

Aureform is an open-source kit under Apache 2.0: editable React components, complete application templates, a native Figma library and local installation tools. The demo runs entirely in the browser. You own the application architecture.

Version 1.4.0 includes 68 suite routes plus the landing (69 views), 44 core component families, six palettes, six reusable effects and 32 generated image assets. The complete suite is available on GitHub.

Run the complete suite

git clone https://github.com/terrizoaguimor/aureform-ui.git
cd aureform-ui
corepack enable
pnpm install --frozen-lockfile
pnpm dev
# http://localhost:3000/es/ or /en/

Use Node.js 22.16 or newer and pnpm 10. The lockfile is included. For a mounted drive that cannot create package symlinks, extract the source onto a normal local filesystem before installing.

Ready-to-use images

The source includes 16 fictional portrait avatars, two organization avatars, eight product photos and six editorial images. The separate image collection includes all 32 optimized WebP files, 32 self-contained SVG wrappers, dimensions, English/Spanish alternative text and the complete prompt catalog. Displaying them requires no API key or remote image service.

Each SVG embeds its corresponding WebP: it contains raster image content, not editable vector artwork. Extract the image ZIP into your project root to preserve public/assets paths. The source ZIP already contains these files; the image ZIP is useful for a separate host or asset download.

Match the current release version in downloads/checksums.json before comparing archive hashes. Historical 1.2.1 image verification and 1.2 runtime/native receipts retain their original scope; they do not certify later source changes.

Start smaller

node bin/aureform.mjs init ../my-product --no-install
cd ../my-product
pnpm install
pnpm dev
# Add only what you need, from the source kit:
node ../aureform-ui/bin/aureform.mjs add button revenue-panel --cwd .

The starter includes local fonts, internationalization, palette and appearance controls, MotionSystem and all six effects on a small overview page. The complete 68-route suite is delivered separately. The add command follows the source dependency graph, including styles and shader helpers.

Before connecting real data

Replace the local adapters, provide server-side authorization, validate inputs on the server and use your own authentication and billing services. Demo keys, verification codes and transactions have no authority outside this browser.