Visual · Code-backed · Extensible

Rebase Studio

A full-featured admin panel that generates real TypeScript code. Edit visually, ship as code, extend with React.

Try the Demo
Code-as-Config

Collection Editor

Every visual change generates clean, version-controlled TypeScript via AST transformation. What you see in the UI is what gets committed to your repo.

  • ✓ Visual edits write to real TypeScript files
  • ✓ Full collection config: properties, callbacks, security rules
  • ✓ Zod schema generation for runtime validation
Collection Editor
orders.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { buildCollection } from "@rebasepro/common";

export const orders = buildCollection({
  name: "Orders",
  properties: {
    customer: { type: "string", name: "Customer" },
    total:    { type: "number", name: "Total" },
    status:   { type: "string",
      enum: { pending: "Pending",
              shipped: "Shipped",
              delivered: "Delivered" } },
  },
  securityRules: [/* ... */],
  callbacks: { onSave: /* ... */ }
});

Every visual change writes back to this file via AST transformation.

More Studio Features

Everything you need to build and operate your admin panel.

Posts Scheme
id
uuid
title
text

Visual Schema Builder

Create and modify tables, columns, and relationships through a visual interface.

Row Level Security
role === 'admin'ALL
role === 'editor'SELECT, UPDATE
public
DENIED

Row Level Security

Define granular permissions per role, per table — enforced natively in PostgreSQL.

Spreadsheet View
namestatusviews
Aliceactive1,542
Bobdraft892
Carolactive234

Spreadsheet View

Inline editing, sorting, filtering, and bulk actions — like a supercharged spreadsheet for your database.

Entity History
alice updated status
2 min ago
bob created record
15 min ago
carol deleted row #42
1 hour ago

Entity History

Full audit trail of every change. See who modified what, when, and revert to any previous state.

Users & Roles
A
alice@co.com admin
B
bob@co.com editor
C
carol@co.com viewer

Users & Roles

Manage users, assign roles, and configure role-based access control from the admin panel.

Import & Export
↑ users.csv 2,481 rows
↓ orders.json 892 rows
75%

Import & Export

Bulk import from CSV/JSON with field mapping. Export any collection with a single click.

Schema Visualizer
users
orders
products
tags

Schema Visualizer

Interactive ERD showing tables, columns, and relationships in a visual diagram.

Database Branches
main active
feat/auth 2h ago
staging 1d ago

Database Branches

Create isolated database copies for development. Branch, experiment, and merge safely.

JS Console
const sdk = rebase();
const users = await sdk
.collection("users")
.find({ role: "admin" });
// → 3 results

JS Console

Run JavaScript with the Rebase SDK in a live sandbox. Test queries and automate tasks.

Cron Jobs
daily-cleanup 0 3 * * *
sync-emails */15 * * * *
gen-reports 0 8 * * 1

Cron Jobs

Monitor and manage scheduled background tasks. View logs, status, and run history.

API Explorer
GET /api/users
POST /api/orders
PUT /api/users/:id

API Explorer

Interactive API documentation with live request testing. Browse and try every endpoint.

See Rebase Studio in action

Open Live Demo All Features