/genAI

A generative UI component framework

Primary LanguageTypeScriptMIT LicenseMIT

genAI

genAI is a generative UI component framework

It allows you to AI generate and iterate on UI components, with live preview.

  • genAI makes use of open source component libraries and icons to build a library of assets for the generative pipeline.
  • genAI is highly modular, and structured for elaborate generative processes
  • Component generation is a multipass pipeline - where every pass is a fully independent plugin

Currently Supported

  • Frontend frameworks
    • React
    • Next.js
    • Svelte
  • UI libraries
    • NextUI
    • Flowbite
    • Shadcn
  • Icons libraries
    • Lucide

The latest genAI update makes it easier to integrate new frameworks, libraries and plugins.

Docs & guides on how to do so will be soon posted.


Install

  • Clone repo, run npm i in server/
  • Unzip server/library/icons/lucide/vectordb/index.zip into that same folder
  • Configure your OpenAI key in server/.env
  • Web apps starter templates are in webapps-starters/
    • run npm i in the web app starter of your choice
    • make sure that WEBAPP_ROOT variable server/.env matches your webapp folder path
  • Start the server with node api.js and the web app with npm run dev