TypeScript icon, indicating that this package has built-in type declarations

0.6.4 • Public • Published


Netlify Status

Semantic form generator and processor for ontology-based smart forms. Beside this core library, there exists also library of advanced components.

Live Demo

Checkout live demo using storybook.

Supported features

  • Input/Textarea
  • Typeahead
  • Datetime picker
  • Select
  • Checkbox
  • Numeric input

Representation in JSON-LD

Semantic form is structure that holds a form (set of questions) as well as its data (set of answers). A conceptual model of Semantic forms is questions/answers model. The conceptual model is described in RDF language. This library processes and generates Semantic forms using JSON-LD format which is JSON compatible serialization of the RDF language.


Building SForms library can be done using npm run build:lib.

Debugging a form & components with StorybookJS

Storybook is an open source tool for building UI components and pages in isolation. Rendering of a form or a specific component can be tested through a story provided in ./src/stories/. The application can be started by executing npm script through npm run dev and then accessing localhost:6006 from a browser. It renders the forms provided by the file ./src/stories/assets/. See ./src/stories/SForms/SForms.stories.tsx for more details.

NPM release worklow

NPM packages are created automatically for each commit to this repository, see npm release workflow guide.


npm i @kbss-cvut/s-forms

DownloadsWeekly Downloads






Unpacked Size

1.34 MB

Total Files


Last publish


  • la_chope
  • blcham