Open Source · 🇸🇦 Made in Saudi Arabia

ABP React

The open-source React library for ABP Framework. Build enterprise applications with authentication, permissions, multi-tenancy, and more — all ready to use.

Why ABP React
A React Remake of the Angular ABP Package

ABP React is a comprehensive open-source rewrite of the Angular ABP package, proudly built and maintained by the Tekthar Solutions team in Saudi Arabia. It brings the full power of ABP Framework to the React ecosystem, providing pre-built modules that eliminate weeks of boilerplate development.

Core Modules

Everything You Need, Out of the Box

Pre-built modules for common enterprise features so you can focus on what makes your application unique.

01 · @abp/auth

Sign-in, solved

Login, registration, tenant switching, and session management — fully integrated with your ABP backend from the first render.

Complete auth flows

Login and registration screens wired to ABP — no plumbing to write.

Tenant-aware from the start

Users who belong to several organizations switch tenants inside the auth flow.

Sessions handled

Tokens, refresh, and sign-out managed for you — hooks expose the state your UI needs.

02 · @abp/identity

Your admin panel, pre-built

Users, roles, and organization units with a complete admin interface — ready the moment you install.

User management

Create, edit, and organize accounts from a ready-made interface.

Roles at scale

Group access into roles and assign them in one click.

Organization units

Model your company structure and scope data to it.

03 · @abp/permissions

Who can do what, everywhere

A fine-grained permission system with role-based access control at every level — page, component, and action.

Declarative guards

Wrap any component in a permission — it renders only for users who hold it.

Checks as hooks

Query any permission in code and branch your logic on the answer.

Roles drive everything

Grant to roles, users inherit — the same model your ABP backend enforces.

04 · @abp/multitenancy

One app, many organizations

First-class multi-tenant support with tenant switching and data isolation — not an afterthought, a foundation.

Isolated by design

Each tenant's data stays its own — enforced by the ABP backend.

Switching built in

Users move between organizations without signing out.

Tenant context anywhere

Hooks expose the current tenant to any component that needs it.

05 · @abp/settings

Ship gradually, toggle instantly

Manage application settings and feature flags across tenants — from a UI, not a redeploy.

Settings from the UI

Application configuration lives where admins can reach it.

Feature flags per tenant

Turn features on for one organization, off for another.

Values flow to components

Read settings and flags through hooks — your UI reacts on its own.

06 · @abp/theme

Brand it once, apply it everywhere

Built on Chakra UI with a complete component library and theming support — accessible from day one.

Chakra UI foundation

Accessible, composable components with a proven design system underneath.

A full component library

Buttons, forms, tables, modals — styled and ready for enterprise screens.

Theming that scales

Define your brand once — colors, type, and dark mode follow.

Built With

Modern Stack, Enterprise Ready

React 18TypeScriptViteChakra UIReact QueryReact Hook Form

Start Building with ABP React

Get up and running in minutes with a single command.

npx create-abp-react my-app
Visit abpjs.io