json-editor
formkit
Our great sponsors
json-editor | formkit | |
---|---|---|
8 | 36 | |
4,220 | 4,041 | |
2.1% | 2.8% | |
9.3 | 9.7 | |
4 days ago | 3 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
json-editor
- JSON-editor: generate forms and edit JSON documents using JSON schema
-
What are the real cons of using jenkins?
Combined with the fact that the parameter UI is highly dynamic through plugins(like how the extended choice parameters plugin supports defining complex input forms using json-editor means you can use Jenkins as an interface to run any kind of job that requires almost any type of input.
-
Ask HN: Do you use JSON Schema? Help us shape its future stability guarantees
I use JSON schema to generate JSON-editing forms via json-editor: https://github.com/json-editor/json-editor
Then I can use the same schema in the backend to validate the data, both sent in via the form and directly with the application/json content-type. It's a pretty smooth flow, and reduces a lot of redundancy.
-
[TASK] 50$ - App to fill JSON
I have found stuff similar to this, for example json-editor.
-
Repeating form builder
JSON Editor takes a JSON Schema and uses it to generate an HTML form.
-
FormKit — Vue 3 Forms, Supercharged
Some project followed that way like json-editor
-
Suggestions on web interface for inserting values into a YAML document
json-editor is a really easy way to build complex forms. The resulting schema is returned as json which you can just convert to yaml. I use this in Jenkins for complex parameters.
-
Looking for UI for building yaml by schema
https://github.com/json-editor/json-editor was used in the backbone.js version of swagger-ui to generate input forms from json-schema.
formkit
-
A simple Vue form validation composable with Zod
The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.
-
Vue UI kits/component libraries?
if you're going to be dealing with forms then FormKit (not a UI library) is worth your time. It's an architecture-first form framework — can be used with any UI library if you prefer.
-
Nuxt UI is one of the best UI libraries out there
I probably say this too often, but I'm fascinated by how much the Vue ecosystem has been thriving lately. Recent releases of such awesome libraries like FormKit or Radix Vue are great examples of how well the Vue ecosystem has matured lately.
- Celebrate Vue.js with us Support devs and projects, and win cool stuff
-
Create a custom toggle input for Vue FormKit using Headless UI
FormKit is a library that helps you build complex forms in Vue. It is built on top of Vue 3 and uses the composition API. It is very easy to use and has a lot of features. You can check out Formkit Website for more information.
-
Help a fellow backend dev chose a frontend framework for his personal project
If you're in the Vue space (and you will be if you're using Nuxt) then I highly recommend checking out FormKit (I'm one of the maintainers). It's not a UI library — it's a framework for managing your form architecture and data. Forms are some of the most complicated front-end work you'll do if you do them well and FormKit will save you many many tears. If you want a quick primer on "why formkit?" here's a 3-minute video that demonstrates how much simpler a FormKit form will be to manage vs one hand-written in Vue.
-
From React to Vue
If your project requires building forms then FormKit can save you a lot of effort.
-
Using Zod with FormKit
Starting with Beta 17 — FormKit ships with a new Zod plugin that you can use to validate your forms.
-
There's got to be a simpler way to make a responsive textarea...right? Right???
Unironically this, but it's called FormKit. 🥲
-
Vuejs themes and frameworks
When you get to doing the forms in your project be sure to give FormKit a look!
What are some alternatives?
adif-json-protobuf - Protocol buffer and JSON schema based on the amateur radio data interchange format (ADIF)
vee-validate - ✅ Painless Vue forms
Atom - :atom: The hackable text editor
vue-openapi-form - A Vue component to generate html form using OpenAPI v3 schema
json-schema - JSON Schema Validation, Annotation, and Bundling. Supports Draft 04, 06, 07, 2019-09, 2020-12, OpenAPI 3.0, and OpenAPI 3.1
auto-animate - A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
laminar - OpenApi backed REST APIs. Automatic validation of request / response based on the api schema.
vue-good-table - An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
schema-dts - JSON-LD TypeScript types for Schema.org vocabulary
vuelidate - Simple, lightweight model-based validation for Vue.js
library-recommendations - Evaluating Open Source libraries for particular purposes
zod - TypeScript-first schema validation with static type inference