Tools: Open Source Show Hn: Generate Web Interfaces From Data

You give it a value and it designs the UI to display it.

How does it work? syntux generates a JSON-DSL to represent the UI, known as the React Interface Schema. The specifics are in the FAQ below.

syntux takes the value into consideration and designs a UI to best display it. value can be anything; an object, array or primitive.

If you are passing in a large array as a value, or an object with untrusted input, use the skeletonize property. See the explanation.

This will automatically install the required components in the lib/getsyntux folder.

We use the Vercel AI SDK to provide support for all LLM providers. To install the model providers:

Use your own components, or someone else's (a library):

Note: the components array above can be generated automatically with npx getsyntux generate-defs . See the documentation.

Perform server actions, attached automatically to component events:

Note: The name of the action should specify its purpose (it is seen by the LLM). Use defineTool to add further context to actions. See the documentation.

Source: HackerNews