Awesome Open Source
Awesome Open Source


Casbin-editor is a web-based Casbin model and policy editor. It's based on React + TypeScript.

Use the Casbin-editor to write your Casbin model and policy in your web browser. It provides functionality such as syntax highlighting and code completion, just like an IDE for a programming language.

Try it at either:

  1. Casbin official website:
  2. Our standalone GitHub pages:

How it works?

Casbin-editor is a pure frontend Javascript project. It uses node-casbin to perform policy enforcement. It's notable that node-casbin can be used either in frontend Javascript or Node.js.

This project can be viewed as an example for using node-casbin in the browser.

Getting started

npm install
npm start

Open browser: http://localhost:3000/


npm deploy

The generated static pages will be pushed into gh-pages branch of origin and published in GitHub Pages ( The Casbin official site ( uses iframe to embed the published GitHub pages.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
go (14,899
typescript (11,196
gui (592
editor (468
authorization (214
access-control (65
casbin (41
policy (35