https://github.com/ng-forge/ng-forge
Type-safe dynamic forms library for Angular 21 signal forms
https://github.com/ng-forge/ng-forge
angular dynamic-forms forms signal-forms typescript
Last synced: 6 days ago
JSON representation
Type-safe dynamic forms library for Angular 21 signal forms
- Host: GitHub
- URL: https://github.com/ng-forge/ng-forge
- Owner: ng-forge
- License: mit
- Created: 2025-10-20T06:41:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2026-02-22T13:55:33.000Z (13 days ago)
- Last Synced: 2026-02-22T15:56:12.996Z (12 days ago)
- Topics: angular, dynamic-forms, forms, signal-forms, typescript
- Language: TypeScript
- Homepage: https://www.ng-forge.com/dynamic-forms
- Size: 12.8 MB
- Stars: 52
- Watchers: 0
- Forks: 3
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-starred - ng-forge/ng-forge - Type-safe dynamic forms library for Angular 21 signal forms (TypeScript)
- fucking-awesome-angular - ng-forge - A type‑safe, dynamic forms library built for Angular’s signal‑based forms. (Third Party Components / Forms)
- awesome-angular - ng-forge - A type‑safe, dynamic forms library built for Angular’s signal‑based forms. (Third Party Components / Forms)
README
Stop writing repetitive form code.
Build type-safe, dynamic Angular forms in minutes, not hours.
📚 Documentation •
🚀 Getting Started •
🐛 Issues
---
## ⚡ Quick Start
```bash
npm install @ng-forge/dynamic-forms @ng-forge/dynamic-forms-material
```
```typescript
// app.config.ts
import { provideDynamicForm } from '@ng-forge/dynamic-forms';
import { withMaterialFields } from '@ng-forge/dynamic-forms-material';
export const appConfig: ApplicationConfig = {
providers: [provideDynamicForm(...withMaterialFields())],
};
```
```typescript
// component.ts
import { DynamicForm, type FormConfig, type InferFormValue } from '@ng-forge/dynamic-forms';
@Component({
imports: [DynamicForm],
template: ``,
})
export class LoginComponent {
config = {
fields: [
{ key: 'email', type: 'input', value: '', label: 'Email', required: true, email: true },
{ key: 'password', type: 'input', value: '', label: 'Password', required: true, minLength: 8, props: { type: 'password' } },
{ type: 'submit', key: 'submit', label: 'Sign In' },
],
} as const satisfies FormConfig;
}
```
## ✨ Features
⚡ **Signal Forms** – Native Angular 21+ signal forms integration
🎯 **Type-Safe** – Full TypeScript inference for form values
🎨 **UI Agnostic** – Material, Bootstrap, PrimeNG, Ionic, or custom
✅ **Validation** – Shorthand validators and conditional validation
🎭 **Conditional Logic** – Dynamic field visibility and requirements
📄 **Multi-Step Forms** – Built-in wizard and pagination support
🌍 **i18n Ready** – Observable/Signal support for labels and messages
## ⚠️ Compatibility
> **Experimental API Notice:** This library uses Angular's experimental Signal Forms API.
> Angular may introduce breaking changes in patch releases.
| @ng-forge/dynamic-forms | Angular |
| ----------------------- | ------------- |
| 0.5.x | >=21.1.0 |
| 0.4.x | >=21.1.0 |
| 0.3.x | 21.0.7-21.0.x |
| 0.2.x | 21.0.6 |
| 0.1.1+ | 21.0.2-21.0.5 |
| 0.1.0 | 21.0.0-21.0.1 |
## 📦 Packages
| Package | Description |
| ----------------------------------------------------------------------- | --------------- |
| [@ng-forge/dynamic-forms](./packages/dynamic-forms) | Core library |
| [@ng-forge/dynamic-forms-material](./packages/dynamic-forms-material) | Material Design |
| [@ng-forge/dynamic-forms-primeng](./packages/dynamic-forms-primeng) | PrimeNG |
| [@ng-forge/dynamic-forms-ionic](./packages/dynamic-forms-ionic) | Ionic |
| [@ng-forge/dynamic-forms-bootstrap](./packages/dynamic-forms-bootstrap) | Bootstrap 5 |
## 📖 Documentation
- [Installation](https://ng-forge.com/dynamic-forms/installation)
- [Field Types](https://ng-forge.com/dynamic-forms/field-types)
- [Validation](https://ng-forge.com/dynamic-forms/validation/basics)
- [Conditional Logic](https://ng-forge.com/dynamic-forms/dynamic-behavior/overview)
- [Type Safety](https://ng-forge.com/dynamic-forms/advanced/basics)
- [i18n](https://ng-forge.com/dynamic-forms/dynamic-behavior/i18n)
- [Custom Integrations](https://ng-forge.com/dynamic-forms/advanced/custom-integrations)
## 🛠️ Development
```bash
git clone https://github.com/ng-forge/ng-forge.git && cd ng-forge
pnpm install
pnpm run build:libs
pnpm run test
pnpm run serve:docs
```
See [Developer Guides](./guides/) for architecture docs, testing strategy, and creating UI adapters.
## 🤝 Backers
A huge thank you to the following supporters of ng-forge! 🙏
## 📄 License
MIT © ng-forge
---