Collection Builder
The flexibility of code with the ease of a GUI. Use either or both.
Development Your Way
Visual Builder
Perfect for rapid prototyping and non-technical team members.
Drag & Drop fields Instant preview No code required Generates types automatically
TypeScript + Valibot
Maximum control and type safety for developers.
Define schemas in pure TS - 2. Valibot validation
- 3. Version control usage
- 4. Advanced field logic
Powered by Valibot
We use Valibot for schema validation. It's modular, ultra-lightweight, and fully type-safe.
Unlike other heavy validation libraries, Valibot only bundles what you use, keeping your CMS fast and your bundles small.
Tiny Bundle Size Type Inference Modular Design
import { object, string, minLength, email } from 'valibot';
const UserSchema = object({
username: string([
minLength(3, 'Too short')
]),
email: string([
email('Invalid email')
]),
role: string()
});Why This Matters
Version Control
Your content schema lives in code. Commit it, review PRs, and rollback if needed.
Runtime Performance
Valibot's modular architecture means zero unnecessary overhead at runtime.
Sync with GUI
Changes in the GUI update the code, and changes in code reflect in the GUI. Two-way sync.