DEV Community

Matthias Thaler
Matthias Thaler

Posted on

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

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.

Top comments (0)