types-components

Universal component props types

Idea was to create single type system that will be adopted to all popular UI Kit's components properties. To use same element tree for a different UI systems. That will simplify generation of UI by AI agents or visual editors.

Example

import { Button } from '<your favorite ui kit>' 
...
<Button size="small">Click me</Button>

Use [in progress] or create your own kit based on your favorite CSS library that aligns with this interface.

Using Bootstrap:

<button class="btn btn-sm ...">Click me</Button>

Using Material UI:

<button class="MuiButtonBase-root MuiButton-sizeSmall ...">Click me</Button>

Using Tailwind:

<button class="bg-blue-500 hover:bg-blue-700 ...">Click me</Button>

Using React Native Elements:

<div class="css-901oao ...">Click me</Button>

...or native element