Auth UI Kit

screenshot of Auth UI Kit
react

Web UI Kit for Hasura Authentication

Overview

The Hasura Auth UI Kit is an innovative solution designed to accelerate the development of authentication features within web applications. By providing a pre-built set of screens tailored for authentication, it simplifies the process for developers, allowing them to quickly integrate various authentication providers based on their project’s specific configuration. This means developers can focus on building their core application functionality rather than spending time on authentication details.

With the ease of setup and functionality, the Hasura Auth UI Kit can significantly streamline a project’s onboarding process and enhance user experience from the get-go. Its structured approach encourages best practices in authentication setup, making it an attractive option for developers looking to implement robust and secure user authentication solutions.

Features

  • Quickstart Integration: Easily kickstart your web application with ready-made authentication screens, reducing initial setup time.
  • Provider Customization: Displays only the authentication providers enabled in your Hasura project’s cluster, making it flexible for different applications.
  • Simple Installation: Just run yarn install or npm install to set up project dependencies with minimal hassle.
  • Build Options: Offers both minified and non-minified builds, allowing developers to choose the appropriate version for development or production environments.
  • Development Mode: A convenient watcher option with npm start lets you see live updates on file changes, enhancing the development experience.
  • Centralized Styling: Maintains a common stylesheet for the entire app, promoting consistency in design across different screens.
  • User-Friendly Routing: Defines all routes in a single file, simplifying navigation and structure of the authentication UI.
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

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

hasura
Hasura

Hasura is a GraphQL engine that provides instant, realtime GraphQL APIs over your databases. It offers built-in authorization, event triggers, and remote schemas to help developers build scalable GraphQL backends without writing any backend code.