vs-form: A schema-based form generator component for React

Matthias Thaler — Mon, 17 May 2021 05:49:31 +0000

Do you write a lot of repetitive Code or do you think your code could be more straigthforward? It’s time to look at vs-form, a Form-Generator for React to easily build UI, especially Forms with the help of a schema.

You can try it out with our Online-Designer!

Why use vs-form ?

vs-form allows you to to define Forms in a declarative way with the help of a schema.
It radically improves your poductivity and gives a lot of advantages:

EASY TO USE
One key-point of vs-form is it’s ease of use.
WRITE LESS CODE
Since Components in vs-form are just Javascript-objects, they are easier to handle than dealing with HTML or JSX.
EXTENDABLE
It’s easy to extend the schema with your own Custom Components.
USING TAILWINDCSS
vs-form uses the popular TailwindCSS 2.0 Library for styling.
We even enhanced Tailwind with categorized CSS Classes!
FLEXIBLE NESTING OF COMPONENTS
Components in vs-form can be nested without limitation.
RESPONSIVE LAYOUT
vs-form provides an easy to use responsive Grid-System just like the Bootstrap grid system.
BUILT-IN DATATABLES
Edit an array of components.
TYPESCRIPT AND INTELLISENSE SUPPORT
SMALL FOOTPRINT
The package is small in size and does so without third-party packages.
We have also some ready-made packages like Date-Inputs you can install from npm.

DEV Community: Matthias Thaler

vs-form: A schema-based form generator component for React