AI-Powered API & UI Generator

From Idea to API & UI in Seconds

Define your data models manually or with AI. Instantly get a production-ready Fusio REST API and a matching Angular CRUD frontend.

Get Started Free Explore Live Demo

APIgen Demo Stack

Explore open-source reference implementations generated directly by APIgen.

REST API Backend PHP / Fusio

apigen-demo-backend

Generated production-ready Fusio backend repository providing REST endpoints, authentication, and database schemas.

View Repository on GitHub

Web Frontend TypeScript / Angular

apigen-demo-frontend

Generated Angular CRUD dashboard matching the entity models, equipped with automated form elements and navigation.

View Repository on GitHub

Entity Specification

The reference schema used to generate both demo repositories above.

schema.json

{
  "imports": [],
  "operations": [],
  "types": [
    {
      "name": "Person",
      "type": "struct",
      "description": "Represents an individual contact or event attendee.",
      "properties": [
        {
          "name": "name",
          "description": "Full display name",
          "type": "string",
          "metadata": {
            "data_type": "VARCHAR",
            "display_name": true
          }
        },
        {
          "name": "familyName",
          "description": "Family or last name",
          "type": "string",
          "metadata": {
            "data_type": "VARCHAR",
            "data_nullable": true
          }
        },
        {
          "name": "givenName",
          "description": "Given or first name",
          "type": "string",
          "metadata": {
            "data_type": "VARCHAR",
            "data_nullable": true
          }
        },
        {
          "name": "email",
          "description": "Primary electronic mail address",
          "type": "string",
          "metadata": {
            "form_element": "input",
            "input_type": "email",
            "data_type": "VARCHAR",
            "data_nullable": true
          }
        },
        {
          "name": "birthDate",
          "description": "Date of birth",
          "type": "string",
          "format": "date",
          "metadata": {}
        },
        {
          "name": "memberOf",
          "description": "Associated organization entity",
          "type": "object",
          "reference": "Organization",
          "metadata": {}
        }
      ],
      "metadata": {
        "icon": "bi-person-vcard"
      }
    },
    {
      "name": "Organization",
      "type": "struct",
      "description": "Represents a business entity or corporate body.",
      "properties": [
        {
          "name": "name",
          "description": "Organization trade name",
          "type": "string",
          "metadata": {
            "data_type": "VARCHAR",
            "display_name": true,
            "form_element": "input",
            "input_type": "text"
          }
        },
        {
          "name": "legalName",
          "description": "Official legal name",
          "type": "string",
          "metadata": {}
        },
        {
          "name": "leiCode",
          "description": "Legal Entity Identifier code",
          "type": "string",
          "metadata": {}
        }
      ],
      "metadata": {
        "icon": "bi-building"
      }
    },
    {
      "name": "Event",
      "type": "struct",
      "description": "Represents a scheduled gathering or conference.",
      "properties": [
        {
          "name": "name",
          "description": "Event title",
          "type": "string",
          "metadata": {
            "display_name": true
          }
        },
        {
          "name": "attendees",
          "description": "List of confirmed person attendees",
          "type": "array",
          "reference": "Person",
          "metadata": {}
        },
        {
          "name": "funder",
          "description": "Sponsoring organization",
          "type": "object",
          "reference": "Organization",
          "metadata": {}
        },
        {
          "name": "startDate",
          "description": "Scheduled start date and time",
          "type": "string",
          "format": "date-time",
          "metadata": {}
        },
        {
          "name": "endDate",
          "description": "Scheduled end date and time",
          "type": "string",
          "format": "date-time",
          "metadata": {}
        }
      ],
      "metadata": {
        "icon": "bi-calendar-event"
      }
    }
  ]
}

Try it yourself: You can copy the specification above, log into your APIgen account, and paste it directly into the schema importer to instantly generate this exact app stack.