Introduction
Antd Design Forge is an opinionated collection of components and hooks for Ant Design that I find myself recreating across projects. This is my take on better TypeScript support, schema validation, and common patterns for building data-driven applications.
Early Development
antd-forge is still in early development and does not have a stable release yet. The API may change.
Why?
In my experience, Ant Design, although being a generally well made library, has some shortcomings with typings and you typically have to reach for the same boilerplate across applications to build common SaaS features.
refine.dev solves this in their own ways but locks you into their data flow and framework.
antd-forge takes a different approach: no framework or library lock-ins. You can enhance your experience using industry standard libraries like TanStack Query and your choice of schema validation, but everything is built with just Ant Design and React as a base.
Type-safe Forms
Full autocomplete for field names with types inferred from your schema validators.
Schema Validation
First-class support for Standard Schema validators like Zod, Valibot, and ArkType.
Form + Query Integration
Connect filter forms to TanStack Query with minimal boilerplate using useTable.
Easy Migration
If you're already using Ant Design, it's mostly adjusting imports. No framework lock-in.
Standard Schema Support
antd-forge supports Standard Schema specification, which means you can use any compatible validation library:
- Zod - TypeScript-first schema validation
- Valibot - Lightweight schema library
- ArkType - TypeScript's 1:1 validator
Simply pass your schema to the validator option and antd-forge handles the rest: validation on submit, error mapping to fields, and automatic required field detection.