Repolode
xaboy

xaboy/form-create

JSON 데이터로 폼을 생성하고 렌더링, 검증, 제출까지 처리하는 저코드 Vue 폼 컴포넌트로, 8개 UI 프레임워크를 지원합니다.

대체할 수 있는 제품:Jotform

스타
7,118
포크
1,106
열린 이슈
30
마지막 커밋
4일 전

어떤 프로젝트인가요?

FormCreate는 JSON 설명을 바탕으로 완성된 폼을 생성합니다. 각 필드의 타입, 옵션, 규칙, 연동 관계를 데이터로 선언하면 컴포넌트가 동적 렌더링, 데이터 수집, 검증, 제출을 처리합니다.

Element Plus, Ant Design Vue, Naive UI, Arco Design, TDesign, OpenTiny(Tiny Vue), 모바일용 Vant 등을 포함해 8개 UI 프레임워크를 지원합니다. 필드끼리 연동할 수 있고, 폼에 하위 폼과 그룹 섹션을 넣을 수 있으며, 모든 Vue 컴포넌트나 HTML 태그를 필드로 사용할 수 있습니다. form-designer 패키지는 JSON 스키마를 만드는 시각적 편집기를 제공하며, 데스크톱과 모바일 버전이 따로 있습니다.

Vue 2, Vue 2.7, Vue 3는 각각 별도의 브랜치에서 지원하므로, 사용 중인 Vue 버전에 맞는 패키지를 선택해야 합니다.

핵심 기능

  • 01JSON 데이터로 폼을 생성하고 렌더링, 검증, 제출까지 처리합니다
  • 02Element Plus, Ant Design Vue, Vant 등을 포함해 8개 UI 프레임워크를 지원합니다
  • 03필드 연동, 하위 폼, 그룹 섹션을 지원합니다
  • 04모든 Vue 컴포넌트나 HTML 태그를 필드로 사용할 수 있습니다
  • 05데스크톱과 모바일용 시각적 폼 디자이너를 제공합니다
  • 06폼 인스턴스를 조회하고 조작할 수 있는 API를 제공합니다

활용 사례

  • 정부, OA, ERP 또는 이커머스 백오피스 시스템의 관리자 폼 구축
  • 비개발자가 시각적 디자이너를 통해 폼 레이아웃을 정의하도록 지원
  • 데스크톱과 모바일 Vue 앱에서 동일한 폼 로직 사용

빠른 시작

  1. 1

    사용할 UI 프레임워크용 패키지를 설치합니다(Vue 3 버전, element-plus 예시)

    npm install @form-create/element-ui@next

포함된 컬렉션

토픽

자주 묻는 질문

form-create은(는) 무엇인가요?
JSON 데이터로 폼을 생성하고 렌더링, 검증, 제출까지 처리하는 저코드 Vue 폼 컴포넌트로, 8개 UI 프레임워크를 지원합니다. FormCreate는 JSON 설명을 바탕으로 완성된 폼을 생성합니다. 각 필드의 타입, 옵션, 규칙, 연동 관계를 데이터로 선언하면 컴포넌트가 동적 렌더링, 데이터 수집, 검증, 제출을 처리합니다.
form-create은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
form-create은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
form-create은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. form-create의 마지막 커밋은 2026년 11월 3일입니다.
form-create은(는) 어디에 사용할 수 있나요?
정부, OA, ERP 또는 이커머스 백오피스 시스템의 관리자 폼 구축 비개발자가 시각적 디자이너를 통해 폼 레이아웃을 정의하도록 지원 데스크톱과 모바일 Vue 앱에서 동일한 폼 로직 사용
form-create는 어떻게 설치하나요?
사용할 UI 프레임워크용 패키지를 설치합니다(Vue 3 버전, element-plus 예시): npm install @form-create/element-ui@next
form-create은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/xaboy/form-create

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트