auth0-samplesauth0-samples
18

Auth0 Acul Samples

screenshot of Auth0 Acul Samples
react

Auth0 ACUL React Boilerplate

Github

Overview:

The Auth0 Advanced Customizations for Universal Login (ACUL) Samples monorepo provides a robust platform for developers looking to customize their authentication interfaces. This set of templates and SDK integrations allows complete control over Universal Login screens, enabling a tailored user experience that aligns with Auth0's design principles. The power of ACUL lies in its ability to combine client-side rendering with the secure and flexible hosted authentication services provided by Auth0.

With features designed specifically for enterprise users, such as a verified custom domain requirement, these samples empower developers to build versatile authentication solutions. The extensibility afforded by ACUL ensures that no matter the flow or functionality, the authentication process can be refined according to specific user needs.

Features:

  • Enterprise Feature: Requires an Enterprise Auth0 plan with a verified custom domain for full functionality.
  • Comprehensive Samples: Multiple sample applications, including React-JS and a dedicated Auth0 ACUL React SDK, showcasing various authentication flows.
  • Rich Screen Variety: React samples include 31 authentication screens covering everything from login and registration to multi-factor authentication.
  • Real-Time Debugging: Integrated context inspector allows developers to visualize and edit the Auth0 Universal Login context in real-time, enhancing the development experience.
  • Local Development Mocking: The ul-context-inspector enables local development without needing an active Enterprise Auth0 tenant by using mock data.
  • Modern Tech Stack: Built with React 19, TypeScript, Vite, and Tailwind CSS, ensuring a contemporary and responsive user interface.
  • Extensive Multi-Factor Authentication Options: Includes 15 screens dedicated to MFA, ensuring robust security measures are effortless to implement.
  • Passkeys Support: Two screens specifically designed for Passkey enrollment, reflecting cutting-edge authentication practices.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-hook-form
React Hook Form

React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.