ProductDiv - an open-source visual user-interface builder using your own css!

View Documenation and Demo

Add to your project

/**
 *  You can include this code in a seperate file that gets bundled in development, or
 *  use local environment variables to only do this in dev. Example:
 *  if (process.env.NODE_ENV === 'development') {
 *      ...
 *  }
 */
import ProductDiv from "productdiv";
import { BootstrapConfiguration } from "productdiv-config-bootstrap5";

document.addEventListener("DOMContentLoaded", () => {
  ProductDiv(BootstrapConfiguration);
});

For editor configuration, please refer to the docs here: https://productdiv.com/docs

Local Development

npm i
npm run dev