---
hide:
  - navigation
  - toc
  - title
---

<style>
  .md-typeset h1,
  .md-content__button {
    display: none;
  }
</style>

<img width="30%" src="./img/logo.png" align="left" alt="logo"/>
<img width="65%" src="./img/banner.svg" alt="React Auth Kit Banner" />

<figure markdown="span">
    ![Next Js](./img/nextdotjs.svg){: style="height:50px" }
    ![React Query](./img/reactquery.svg){: style="height:50px" }
    ![Remix](./img/remix.svg){: style="height:50px" }
    ![React Js](./img/react.svg){: style="height:50px" }
    ![React Router](./img/reactrouter.svg){: style="height:50px" }
</figure>

<p style="text-align: center">
    <em>🔑 Authentication Library for React Js for Token Based Auth with Json Web Token(JWT) 🔑</em>
</p>


<p style="text-align: center">
<a href="https://www.npmjs.com/package/react-auth-kit">
    <img src="https://img.shields.io/npm/v/react-auth-kit.svg?logo=npm" alt="Test Suites">
</a>
<a href="https://www.npmjs.com/package/react-auth-kit">
    <img src="https://img.shields.io/npm/dw/react-auth-kit?logo=npm" alt="NPM Downloads">
</a>
<a href="https://bundlephobia.com/result?p=react-auth-kit">
    <img src="https://img.shields.io/bundlephobia/minzip/react-auth-kit?style=flat-square" alt="Test Suites">
</a>
<a href="https://www.codacy.com/gh/react-auth-kit/react-auth-kit?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=react-auth-kit/react-auth-kit&amp;utm_campaign=Badge_Grade">
    <img src="https://app.codacy.com/project/badge/Grade/a65202426152483d8e63d6623721080c" alt="Codacy Badge">
</a>
</p>

---

**React Auth Kit** is a lightweight `auth state management` library for React JS based projects.

It is production-ready, and gives you the following:

* 📦 Very lightweight
* 🔧 Easy to use
* ⚛️ Build for React JS
* ⚡ Works with Gastsby, Next JS
* 🚀 Fast and easy to Implement
* 🛡️ Supports JSON Web Token (JWT)
* 🔒 Secure Client Side Authentication
* ⌨️ Highly typed and written in `TypeScript`


## Stargazers ⭐

[![Stargazers over time](https://starchart.cc/react-auth-kit/react-auth-kit.svg?variant=adaptive)](https://starchart.cc/react-auth-kit/react-auth-kit)

<p align="center">&mdash; 🔑  &mdash;</p>
<p align="center"><i>React Auth Kit is <a href="https://github.com/react-auth-kit/react-auth-kit/blob/master/LICENSE">Apache 2.0 License</a> code</i></p>
