React UI Builder

Components

Select a column first

Button

Text

Container

Link

Badge

Container Width:

/ 12

Click to select this column

Properties

Select a component or column to edit its properties

Generated Code

import { useState, useEffect } from "react";


export default function GeneratedUI() {
  return (
    <div style={{ width: "auto", margin: "0 auto" }}>
<div className="w-full p-2">
        <div className="flex flex-row items-start justify-start gap-0 p-4">
        </div>
      </div>
    </div>
  );
}