https://github.com/json-schema-form-element/examples

JSFE implementation examples. Vanilla, Astro, Solid, React, Vue, Svelte.
https://github.com/json-schema-form-element/examples

Last synced: 12 months ago
JSON representation

JSFE implementation examples. Vanilla, Astro, Solid, React, Vue, Svelte.

• Host: GitHub
• URL: https://github.com/json-schema-form-element/examples
• Owner: json-schema-form-element
• Created: 2023-09-21T09:47:11.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-12T07:07:58.000Z (over 2 years ago)
• Last Synced: 2025-03-06T15:23:59.510Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://github.com/json-schema-form-element/jsfe#readme
• Size: 332 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📝  JSON Schema Form Element - Examples

## Quick start

```

npx degit https://github.com/json-schema-form-element/examples jsfe-examples

cd jsfe-examples

npm i

npm run dev

```

---



[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/json-schema-form-element/examples)



---

![Preview](https://ik.imagekit.io/jc0/jsfe/jsfe-examples_wDwd3aC4c.gif)

[See all components implementations](./src/components) for:

- TypeScript (no UI framework)

- Solid

- Lit

- Vue

- Astro (SSR)

### Try different releases tag

`latest` | `next` (canary)

```sh

DIST_TAG=next ; \

pnpm install \

	@jsfe/carbon@$DIST_TAG \

	@jsfe/material@$DIST_TAG \

	@jsfe/shoelace@$DIST_TAG \

	@jsfe/system@$DIST_TAG \

	@jsfe/wired@$DIST_TAG

```

### Install for poly-repo - Local dev testbed

Assuming:

```sh

├── examples

└── jsfe

```

```sh

pnpm install \

	../jsfe/packages/carbon \

	../jsfe/packages/material \

	../jsfe/packages/shoelace \

	../jsfe/packages/system \

	../jsfe/packages/wired

```

---

![](https://ik.imagekit.io/jc0/jsfe/design/header_json-schema-form-element_2RpVU_W-y-.png?updatedAt=1695289194993)

- See the [documentation](https://github.com/json-schema-form-element/jsfe#readme).

- See the [playground](https://github.com/json-schema-form-element/playground#readme).