https://github.com/benguo-dev/react-firebaseui-pro
react-firebaseui-pro is fully compatible with both React 18 and React 19 that provides seamless integration with Firebase Authentication using the FirebaseUI library. It simplifies the process of adding authentication flows to your React applications.
https://github.com/benguo-dev/react-firebaseui-pro
firebase firebase-auth firebase-auth-ui firebaseui react react-firebase react-firebaseui react-firebaseui-pro react18 react19 reactfirebase reactfirebaseauth reactfirebaseui reactfirebaseuipro
Last synced: 7 days ago
JSON representation
react-firebaseui-pro is fully compatible with both React 18 and React 19 that provides seamless integration with Firebase Authentication using the FirebaseUI library. It simplifies the process of adding authentication flows to your React applications.
- Host: GitHub
- URL: https://github.com/benguo-dev/react-firebaseui-pro
- Owner: benguo-dev
- License: mit
- Created: 2025-04-14T06:56:00.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-04-22T09:28:48.000Z (28 days ago)
- Last Synced: 2025-04-22T09:34:23.683Z (28 days ago)
- Topics: firebase, firebase-auth, firebase-auth-ui, firebaseui, react, react-firebase, react-firebaseui, react-firebaseui-pro, react18, react19, reactfirebase, reactfirebaseauth, reactfirebaseui, reactfirebaseuipro
- Language: TypeScript
- Homepage: https://react-firebaseui-pro.vercel.app
- Size: 372 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-firebaseui-pro
react-firebaseui-pro is a React component that provides seamless integration with Firebase Authentication using the FirebaseUI library. It simplifies the process of adding authentication flows to your React applications and is fully compatible with both React 18 and React 19.
## Features
- React Compatibility: Works with both React 18 and React 19.
- Multiple Authentication Providers: Supports Google, Facebook, Twitter, GitHub, Microsoft, Apple, email/password, phone, and anonymous login.
- Customizable UI: Easily style the component using the className prop.
- FirebaseUI Integration: Built on top of the FirebaseUI library for a robust and reliable authentication experience.
- TypeScript Support: Includes TypeScript definitions for type safety.
## Demo
**Live demo: [Default style](https://react-firebaseui-pro.vercel.app/)** -- **[Demo code](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-18)**
**Live demo: [Icon style](https://react-firebaseui-pro-demo2.vercel.app/)** -- **[Demo code](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-19)**
## Getting started
### Installation
```shell
npm install react-firebaseui-pro
```
### Usage
- Add .env file in your project
- Write your auth and login logic
Examples:
**[with-react-18](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-18)**
**[with-react-19](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-19)**
Check the UI and choose your favorite style:
```js
// Default style
```
```js
// Style with className="firebaseui-icon"
```
```js
// Style with className="firebaseui-icon round"
```
## License
[MIT](https://opensource.org/licenses/MIT)