ScheptaMotor de renderização agnóstico de framework para UI dirigida por servidor

Transforme schemas JSON em componentes de UI totalmente funcionais. Funciona perfeitamente com React, Vue e JavaScript vanilla.

Começar Ver Exemplos

🚀

Agnóstico de Framework

Funciona com React, Vue e JavaScript vanilla

📋

Dirigido por Schema

Defina UI usando schemas JSON

🔒

Type-Safe

Suporte completo a TypeScript

🔧

Extensível

Componentes, renderers e middleware customizados

Exemplo Rápido

Este schema simples se torna um formulário totalmente funcional

{
  "type": "object",
  "x-component": "FormContainer",
  "properties": {
    "email": {
      "type": "string",
      "x-component": "InputText",
      "x-ui": {
        "label": "Email",
        "placeholder": "Enter your email"
      }
    }
  }
}

Conceitos Fundamentais

Aprenda os conceitos fundamentais que impulsionam o schepta

Factories - Como schemas se tornam componentes
Schema Language - A sintaxe para definir UI
Provider - Configuração global e contexto
Schema Resolution - De JSON para React/Vue
Renderer - O motor de renderização
Middleware - Transformando props e comportamento
Debug System - Ferramentas de desenvolvimento

Exemplos

Veja o schepta em ação com exemplos interativos

Exemplos React - React com react-hook-form
React Material UI - React com Material UI
React Chakra UI - React com Chakra UI
Exemplos Vue - Vue com adaptador de formulário customizado
Vue Vuetify - Vue com Vuetify Material Design