{"id":28089266,"url":"https://github.com/benguo-dev/react-firebaseui-pro","last_synced_at":"2025-05-13T12:55:45.825Z","repository":{"id":287842060,"uuid":"965946409","full_name":"benguo-dev/react-firebaseui-pro","owner":"benguo-dev","description":"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.","archived":false,"fork":false,"pushed_at":"2025-04-22T09:28:48.000Z","size":381,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-22T09:34:23.683Z","etag":null,"topics":["firebase","firebase-auth","firebase-auth-ui","firebaseui","react","react-firebase","react-firebaseui","react-firebaseui-pro","react18","react19","reactfirebase","reactfirebaseauth","reactfirebaseui","reactfirebaseuipro"],"latest_commit_sha":null,"homepage":"https://react-firebaseui-pro.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/benguo-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-14T06:56:00.000Z","updated_at":"2025-04-22T09:28:51.000Z","dependencies_parsed_at":"2025-04-14T08:52:17.708Z","dependency_job_id":null,"html_url":"https://github.com/benguo-dev/react-firebaseui-pro","commit_stats":null,"previous_names":["benguo-dev/react-firebaseui-pro"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benguo-dev%2Freact-firebaseui-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benguo-dev%2Freact-firebaseui-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benguo-dev%2Freact-firebaseui-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/benguo-dev%2Freact-firebaseui-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/benguo-dev","download_url":"https://codeload.github.com/benguo-dev/react-firebaseui-pro/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253948335,"owners_count":21988953,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","firebase-auth","firebase-auth-ui","firebaseui","react","react-firebase","react-firebaseui","react-firebaseui-pro","react18","react19","reactfirebase","reactfirebaseauth","reactfirebaseui","reactfirebaseuipro"],"created_at":"2025-05-13T12:55:45.225Z","updated_at":"2025-05-13T12:55:45.812Z","avatar_url":"https://github.com/benguo-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-firebaseui-pro\n\nreact-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.\n\n## Features\n- React Compatibility: Works with both React 18 and React 19.\n- Multiple Authentication Providers: Supports Google, Facebook, Twitter, GitHub, Microsoft, Apple, email/password, phone, and anonymous login.\n- Customizable UI: Easily style the component using the className prop.\n- FirebaseUI Integration: Built on top of the FirebaseUI library for a robust and reliable authentication experience.\n- TypeScript Support: Includes TypeScript definitions for type safety.\n\n## Demo\n\n**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)**\n\n**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)**\n\n## Getting started\n\n### Installation\n\n```shell\nnpm install react-firebaseui-pro\n```\n\n### Usage\n\n- Add .env file in your project\n- Write your auth and login logic\n\nExamples: \n**[with-react-18](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-18)**\n**[with-react-19](https://github.com/benguo-dev/react-firebaseui-pro/tree/main/examples/with-react-19)**\n\nCheck the UI and choose your favorite style:\n```js\n// Default style\n\u003cReactFirebaseuiPro uiConfig={uiConfig} firebaseAuth={firebaseAuth} /\u003e\n```\n\u003cimg src=\"./src/assets/firebaseAuthUI.png\" alt=\"Default style\" width=\"80%\" /\u003e\n\n\n```js\n// Style with className=\"firebaseui-icon\"\n\u003cReactFirebaseuiPro uiConfig={uiConfig} firebaseAuth={firebaseAuth} className=\"firebaseui-icon\" /\u003e\n```\n\u003cimg src=\"./src/assets/firebaseAuthUI-icon.png\" alt=\"Style with className='firebaseui-icon'\" width=\"80%\" /\u003e\n\n\n```js\n// Style with className=\"firebaseui-icon round\"\n\u003cReactFirebaseuiPro uiConfig={uiConfig} firebaseAuth={firebaseAuth} className=\"firebaseui-icon round\" /\u003e\n```\n\u003cimg src=\"./src/assets/firebaseAuthUI-icon-round.png\" alt=\"Style with className='firebaseui-icon round'\" width=\"80%\" /\u003e\n\n## License\n\n[MIT](https://opensource.org/licenses/MIT)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenguo-dev%2Freact-firebaseui-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbenguo-dev%2Freact-firebaseui-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbenguo-dev%2Freact-firebaseui-pro/lists"}