FORMA / ENGLISH OVERVIEW
From template to a delivered website.
FORMA is a shared demo space and an engineering foundation: pick a template, compose it from real components, preview instantly, then export and ship it on your own domain.
What is inside
- Component library — 104 original components across effects, content, feedback, inputs and navigation. Each exports as a standalone React + Vite project.
- Template gallery — 37 production-leaning templates, from single-page landings to multi-page sites.
- Motion Lab — easing and keyframe presets you can bind to any block.
- Learning center — four guided tracks with checkable progress, plus a blog with long-form build guides.
- Toolbox — reading-time, contrast, palette, unit, SERP and aspect-ratio tools, all client-side.
How it works
- 1. Pick a template that matches your goal.
- 2. Replace the content — text, images, blocks.
- 3. Preview on every screen size.
- 4. Export as a React + Vite project or a static ZIP, then deploy anywhere.
Honest notes
FORMA is a foundation edition, not a finished commercial SaaS. Concept cases are programmatically composed samples, not real client work. Run your own security audit before storing anything sensitive.
Start here
Template gallery ↗Component library ↗Case library ↗Build guides (中文) ↗Learning center (中文) ↗Toolbox ↗
The product UI is in Chinese; this page is the English overview for international visitors. 中文用户请直接访问首页。