Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Kinto Web Administration Console

Build Status

A Web admin UI to manage data from a Kinto server. Demo.

kinto-admin wants to be the pgAdmin for Kinto. You can also use it to build administration interfaces for Kinto-based systems.

Table of Contents


NodeJS v16+ and npm 8+ should be installed and available on your machine.

Various pre-commit hooks are available to help prevent you from pushing sub-optimal code; to use these, pip install --user pre-commit and pre-commit install. (If you have a .git/hooks/pre-commit.legacy, you can remove it.)


The easiest way to install and use Kinto Admin on your server is to:

  • download a release from Github.

  • Unzip the directory, then install dependencies:

$ cd kinto-admin && npm install
  • Build the static bundle with:
$ npm run build

This will generate a production-ready assets in a build directory, ready to be served from your server of choice.

Build customization

Use the following options to customize the Kinto Admin build.

Single Server

By default, Kinto Admin gives you the option to connect to multiple Kinto Servers. If you only want Kinto Admin to connect to the server from which it's being served, you can set the SINGLE_SERVER flag as an environment variable:

SINGLE_SERVER=1 npm run build

Building for relative paths

By default, Kinto Admin assumes assets will be served from the root path (/) of the server. If you'd like to serve assets from a different location, set that option with an ASSET_PATH environment variable:

ASSET_PATH="/some/prefix/" npm run build

Hacking on kinto-admin

Clone repository:

$ git clone

Install packages:

$ cd kinto-admin && npm install

After installation of packages, run the development server.

Development server

The development server should only be used when working on the kinto-admin codebase itself. If you're evaluating Kinto Admin, or building a system that relies on Kinto Admin to administer, you should install Kinto Admin using the installation instructions above.

To run in development mode:

$ npm start

The application is served at localhost:3000, and any React component update will trigger a hot reload.


To run tests:

$ npm run test-all


Browser support

Let's be honest, we're mainly testing kinto-admin on recent versions of Firefox and Chrome, so we can't really guarantee proper compatibility with IE, Safari, Opera and others. We're accepting pull requests though.

How to display a nested field value using the collection displayFields property?

Use the dot notation.

For example, if you have the following record:

  "data": {
    "attachment": {
      "filename": "font.ttf"

You can use attachment.filename.

We tried our best to make it work with properties having dots in their name.

For instance:

  "data": {
    "target": {
      "proof.hash": "abcd",
      "merkle.tree": {
         "": "foobar"

If you use it will render the string foobar and target.proof.hash will render abcd.


  1. Bump the version number in package.json and run npm i to propagate that version to package-lock.json
  2. Commit with git commit -a -m "Bump vX.Y.Z"
  3. Create the tag with git tag vX.Y.Z
  4. Push the commit with git push
  5. Push the tag with git push origin vX.Y.Z
  6. Publish to GitHub Pages with npm run publish-to-gh-pages
  7. Draft a new release with the changelog
  8. Done!


Apache Licence Version 2.0