A beautiful and fully-featured administration interface builder for hypermedia APIs
Alternatives To Admin
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
10 hours ago48mitTypeScript
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
React Admin21,71324817110 hours ago233September 23, 2022121mitTypeScript
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
Api Platform7,838
5 days ago37February 12, 2018550mitTypeScript
Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.
Headless Wp Starter4,338
13 days ago52gpl-2.0JavaScript
🔪 WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step
React Refetch3,433157224 months ago82January 20, 202048otherJavaScript
A simple, declarative, and composable way to fetch data for React components
Restful React1,8784163 months ago194December 27, 202150mitTypeScript
A consistent, declarative way of interacting with RESTful backends, featuring code-generation from Swagger and OpenAPI specs 🔥
4 years ago3mitJavaScript
NuclearMail is an experiment of writing a webmail client using React and the Flux architecture. It runs completely in the browser and uses the GMail REST API.
Hyper Fetch776
20 days ago55September 22, 20221apache-2.0TypeScript
⚡ Fetching made easy! Take advantage of response caching, request deduplication, authentication features, great progress tracking, smart retries, architecture guidelines and more. Gain full control over requesting in your applications!
Tut React And Spring Data Rest744
2 years ago12JavaScript
React.js and Spring Data REST :: A tutorial based on the 5-part blog series by Greg Turnquist
Atsea Sample Shop App590
a year agoapache-2.0Java
A sample app that uses a Java Spring Boot backend connected to a database to display a fictitious art shop with a React front-end.
Alternatives To Admin
Select To Compare

Alternative Project Comparisons

API Platform Admin

GitHub Actions npm version

API Platform Admin is a tool to automatically create a beautiful (Material Design) and fully-featured administration interface for any API supporting the Hydra Core Vocabulary or exposing an OpenAPI documentation, including but not limited to all APIs created using the API Platform framework.

Demo of API Platform Admin in action

The generated administration is a 100% standalone Single-Page-Application with no coupling to the server part, according to the API-first paradigm.

API Platform Admin parses Hydra or OpenAPI documentations, then uses the awesome React-admin library (and React) to expose a nice, responsive, management interface (Create-Retrieve-Update-Delete) for all available resources.

You can also customize all screens by using React-admin components and even raw JavaScript/React code.


Click here to test API Platform Admin in live.

The source code of the demo is available in this repository.


yarn add @api-platform/admin


import React from 'react';
import ReactDOM from 'react-dom';
import { HydraAdmin, OpenApiAdmin } from '@api-platform/admin';

// To use Hydra:
const Admin = () => <HydraAdmin entrypoint="" />; // Replace with your own API entrypoint
// To use OpenAPI (with a very simple REST data provider):
const Admin = () => <OpenApiAdmin
  docEntrypoint="" // Replace with your own OpenAPI documentation entrypoint
  entrypoint="" // Replace with your own API entrypoint

ReactDOM.render(<Admin />, document.getElementById('root'));

Or alternatively:

import React from 'react';
import ReactDOM from 'react-dom';
import {
} from '@api-platform/admin';
import simpleRestProvider from 'ra-data-simple-rest';

// Use your custom data provider or resource schema analyzer
// Hydra:
const dataProvider = hydraDataProvider({ entrypoint: '' });
const schemaAnalyzer = hydraSchemaAnalyzer();
// OpenAPI:
const dataProvider = openApiDataProvider({
  // Use any data provider you like
  dataProvider: simpleRestProvider(''),
  entrypoint: '',
  docEntrypoint: '',
const schemaAnalyzer = openApiSchemaAnalyzer();

const Admin = () => (

ReactDOM.render(<Admin />, document.getElementById('root'));


  • Automatically generates an admin interface for all the resources of the API thanks to the hypermedia features of Hydra or to the OpenAPI documentation
  • Generates 'list', 'create', 'show', and 'edit' screens, as well as a delete button
  • Generates suitable inputs and fields according to the API doc (e.g. number HTML input for numbers, checkbox for booleans, selectbox for relationships...)
  • Generates suitable inputs and fields according to types if available (e.g. email field for
  • Handles relationships
  • Supports pagination
  • Supports filters and ordering
  • Automatically validates whether a field is mandatory client-side according to the API description
  • Sends proper HTTP requests to the API and decodes them using Hydra and JSON-LD formats if available
  • Nicely displays server-side errors (e.g. advanced validation)
  • Supports real-time updates with Mercure
  • All the features provided by React-admin can also be used
  • 100% customizable


The documentation of API Platform Admin can be browsed on the official website.

Check also the documentation of React-admin on their official website.


Created by Kvin Dunglas. Sponsored by Commercial support available upon request.

Popular Reactjs Projects
Popular Rest Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Rest Api
Json Ld