Before you start using syntux, it is helpful to understand the problem it's trying to solve.

What is generative UI?

There are three layers of personalization for websites; function, content and interface.

Your bank dashboard is a function personalized website. Your social media feed is a content personalized interface.

For the longest time, the interface layer was untouched. syntux solves this.

What is syntux?

syntux is a user-interface generator, designed specifically to display data.

What could this data be? Anything! It could be analytics, a social media feed, or be an empty object.

const valueToDisplay = {
    "username": "John",
    "email": "[email protected]",
    "age": 22
}

<GeneratedUI
    model={anthropic('claude-sonnet-4-5')}
    value={valueToDisplay}
    hint="UI should look like..."   
/>

Do not let the fact that it is designed to display data intimidate you - that is simply a testament to how token-efficient it is.

For instance, if you provide an array value with 10,000 items, it will cost you the same as one with 10 items. That is how efficient syntux is.

Ready to get started? It takes 5 minutes.