A modern, clean, and beautiful demo application showcasing Permit.io's embeddable UI components for access control and user management.
This demo showcases the three main Permit Elements:
- User Management - Allow your users to manage access control and permissions within safe boundaries
- Audit Logs - Provide your users with decision monitoring capabilities for each access control policy
- Approval Flows - Enable your users to manage access and process approval requests
- Next.js - React framework for server-rendered applications
- TypeScript - Type-safe JavaScript
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library for React
- Lucide React - Beautiful, consistent icon set
- Next Themes - Theme provider for Next.js
- Permit.js - Permit.io JavaScript SDK
- Node.js 18.0.0 or later
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/permit-demo-element.git
cd permit-demo-element- Install dependencies:
npm install
# or
yarn install- Start the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 with your browser to see the result.
To use Permit Elements in your own application, you need to:
- Create a Permit.io account at https://app.permit.io/register
- Configure your elements in the Permit.io dashboard
- Set up JWKS for authentication
- Install the Permit.js SDK in your application
- Use the login and embedding methods as shown in the demo
Refer to the official documentation for detailed instructions.
This demo is built with modern and flexible components. You can easily customize it by:
- Modifying the theme variables in
globals.css - Updating the component styles in the respective files
- Adding your own components and pages
To learn more about Permit.io Elements, check out the following resources:
This project is licensed under the MIT License - see the LICENSE file for details.
![@vercel[bot]](https://avatars.githubusercontent.com/in/8329?s=64&v=4){kind=small}