cofi

cofi

  • Docs
  • Form Demos
  • Components Demos
  • Layout Demos
  • Editor
  • GitHub

cofiJavaScript Form Solutions

Get Started
Demos
Form & Field
Form & FieldReactcomponents based on a core JavaScriptForm classwhich handles all form manipulations and can integrate with any UI library such asReact,AngularandVue.
Common Components
Set of commonReactcomponents for usage such as Select, TextInput and more. Components maps their generic Cofi's props to actual UI components props, which are based onMaterial UIcomponents.
Layouts
Set of layoutReactcomponents for usage such as Sections, Item and more - to get unified form pages experience.

Manage Complicated Form

Configure a simple json which tells Cofi how to manage your Form's fields in terms of - dependencies, validations, exclude / disable / require terms, hooks and more.

UI Framework Agnostic

Cofi is based on a vanilla JavaScript Form class which can be integrated with any UI library. When time comes, replace to a different UI library in no time.

Save Time And Money

Use Cofi to gain fast delivery and easy maintenance - which will save a massive development time. We all know that company time equals money!

Form Persistency

Save Cofi's Form model object on the browser's local storage after each user action, and consume it after page reloads to go back to the last state of the form.

Server Validation

Expose an endpoint on a Node.js server and use Cofi to validates the same form config that used by the client to reduce code duplications

Grid Usage

Using Cofi's Form and Field components in each row of a grid allows each row to be both viewable and editable easily.

Full Lifecycle Log

Form's actions calculations are fully reflected in the debug log, allowing transparency for easy debug and understanding Cofi's logic.

High Performance

Cofi is based on a simple JavaScript Form class which allows it to process each user action fast. It updates UI components only when needed.

Track Actions

Use Cofi's hooks to track user actions, maintain actions history and replay or undo actions when needed.

High Test Coverage

Cofi has high unit tests coverage and covers each Form demo with e2e tests.

Simplify Code & Tests

Cofi's structure makes developers split a massive form logic into small parts which reduce code duplications and simplifies unit tests.
View more highlights...
Rome was not built in a day, but your complex form just might be
Who uses cofi?
Verizon Media
cofi
Copyright © 2021 Verizon Media
DOCS
IntroductionForm ClassReact FormReact ComponentsReact Layout
DEMOS
React FormReact ComponentsReact Layout
CONTRIBUTING
Code Of ConductContributing GuideContributorsUsers
CHANNELS
StarGitHubStack OverflowMediumVideos