Overview
Ngx-schema-to-code is an Angular Schematic designed to automate the creation of complete boilerplate code for CRUD (Create, Read, Update, Delete) operations. It uses a JSON Schema file as a blueprint to generate a fully functional user interface using Angular Material components.
It has used angular's latest features like standalone component, signal apis and zoneless application which will work with Angular 20 and above versions.
It will create fast application prototype, which will be ready run state, without having any api implementation, with the help of json-server.
It will create input form, grid / list with filter, services for CURD operations, routing, navigation, shared component and services etc.
It will generate standalone code, no dependency on ngx-schema-to-code library after code generation. Generated code will fully readable and user can modify it his own way.
Ngx-schema-to-code library is free to use and distribute. No restriction for generated code.
Key Features
- Automatic UI Generation: It transforms a simple json schema into ready-to-use Angular application.
- Angular Material Integration: The generated code is pre-style and configure to work with Angular Material Library.
- CURD Scaffolding: It generates the necessary components and logic to handle basic database-like operations (creating, editing, viewing, deleting data) based on the schema definitions.
- Boilerplate Reduction: Its primary goal is to save developers time and speedily generate the application prototype.
- Latest Angular Features: It's used all stable latest features like standalone component, signal apis and zoneless application etc.
- Restful API: Its use restful API approach to implement services to call api.
- Ready-to-run: Generated application is ready to run and test CURD functionality with json-server.
You can generate CURD code for new application or existing one. You can run it one or more times with same or different json schema. While working with existing angular application keep backup first, it may be overwrite some existing files and folders.
Ngx-schema-to-code will work on Angular 20, 21 and above versions.