{"id":28028392,"url":"https://github.com/permitio/permit-demo-element","last_synced_at":"2025-05-11T07:13:04.454Z","repository":{"id":249022902,"uuid":"830445600","full_name":"permitio/permit-demo-element","owner":"permitio","description":"This project is a simple React app that demos the functionality of Permit Elements (user-management, audit log, access request, operation approval and approval-management).","archived":false,"fork":false,"pushed_at":"2025-05-08T15:37:56.000Z","size":1612,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-11T07:13:00.060Z","etag":null,"topics":["example"],"latest_commit_sha":null,"homepage":"https://permit-demo-element.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/permitio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-07-18T09:35:39.000Z","updated_at":"2025-05-08T15:38:02.000Z","dependencies_parsed_at":"2025-01-10T08:01:12.778Z","dependency_job_id":null,"html_url":"https://github.com/permitio/permit-demo-element","commit_stats":null,"previous_names":["permitio/permit-demo-element"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/permitio%2Fpermit-demo-element","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/permitio%2Fpermit-demo-element/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/permitio%2Fpermit-demo-element/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/permitio%2Fpermit-demo-element/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/permitio","download_url":"https://codeload.github.com/permitio/permit-demo-element/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253528978,"owners_count":21922637,"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":["example"],"created_at":"2025-05-11T07:13:03.837Z","updated_at":"2025-05-11T07:13:04.448Z","avatar_url":"https://github.com/permitio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Permit.io Elements Demo\n\nA modern, clean, and beautiful demo application showcasing Permit.io's embeddable UI components for access control and user management.\n\n![Permit.io Elements](https://www.permit.io/elements)\n\n## Features\n\nThis demo showcases the three main Permit Elements:\n\n1. **User Management** - Allow your users to manage access control and permissions within safe boundaries\n2. **Audit Logs** - Provide your users with decision monitoring capabilities for each access control policy\n3. **Approval Flows** - Enable your users to manage access and process approval requests\n\n## Tech Stack\n\n- **Next.js** - React framework for server-rendered applications\n- **TypeScript** - Type-safe JavaScript\n- **Tailwind CSS** - Utility-first CSS framework\n- **Framer Motion** - Animation library for React\n- **Lucide React** - Beautiful, consistent icon set\n- **Next Themes** - Theme provider for Next.js\n- **Permit.js** - Permit.io JavaScript SDK\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js 18.0.0 or later\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/yourusername/permit-demo-element.git\ncd permit-demo-element\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n# or\nyarn install\n```\n\n3. Start the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\n4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n## Using Permit Elements in Your Own Application\n\nTo use Permit Elements in your own application, you need to:\n\n1. Create a Permit.io account at [https://app.permit.io/register](https://app.permit.io/register)\n2. Configure your elements in the Permit.io dashboard\n3. Set up JWKS for authentication\n4. Install the Permit.js SDK in your application\n5. Use the login and embedding methods as shown in the demo\n\nRefer to the [official documentation](https://docs.permit.io/embeddable-uis/overview) for detailed instructions.\n\n## Customizing The Demo\n\nThis demo is built with modern and flexible components. You can easily customize it by:\n\n- Modifying the theme variables in `globals.css`\n- Updating the component styles in the respective files\n- Adding your own components and pages\n\n## Learn More\n\nTo learn more about Permit.io Elements, check out the following resources:\n\n- [Permit.io Elements Documentation](https://docs.permit.io/embeddable-uis/overview)\n- [Permit.io Website](https://permit.io)\n- [Permit.io API Reference](https://docs.permit.io/api/reference)\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpermitio%2Fpermit-demo-element","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpermitio%2Fpermit-demo-element","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpermitio%2Fpermit-demo-element/lists"}