The most popular React form libraries implemented for you

Usage no npm install needed!

<script type="module">
  import concreteFormCore from 'https://cdn.skypack.dev/@concrete-form/core';


Concrete Form

The most popular React form libraries implemented for you

Made with Typescript Made for React 16+


Material-UI TextField connected to React hook form

import Form from '@concrete-form/react-hook-form'
import { Input, SubmitButton } from '@concrete-form/material-ui'

const App = () => (
  <Form onSubmit={...}>
    <Input name="name" placeholder="Enter your name" />

Concrete Form in a nutshell

  1. Select the form provider you want (ex React Hook Form, Formik).
  2. Select the UI kit you want (ex Material-UI, Materialize).
  3. Enjoy. Concrete Form connects the form and the UI for you.


What new form feature do I get ?

None. Concrete form only take care of the rendering of the ui. Refer to your form prodiver doc.

Can I implement custom form control ?

Absolutely. The same way you would normally. (your existing custom controls will work without change too)

Can I customize the UI ?

YES. The rendering is higly customizable and follow the UI kits best practices.

Work in progress

This library is not implemented yet. Poke me if you're curious and want to contribute !