Overview:

The “Sign in with Matrix” component is a pre-built feature that allows developers to enable federated sign-in without much effort. It is designed for over 35 million Matrix users and offers customization options for a seamless user interface and user experience. The component is lightweight, framework-agnostic, and does not require a backend to function securely.

Features:

• Based on Svelte, Vite, and TypeScript
• Fully customisable and ready to use (even commercially)
• Extremely lightweight
• Framework-agnostic
• Superior User-Interface and User-Experience
• Secure, requires no backend to function
• Fully accessible, compliant with WCAG Accessibility Guidelines
• Compliant with Matrix 1.0 Protocol spec

Installation:

1. Install via Browser ES Module, UMD, or NPM.
2. Import into your application with the provided method.
3. Add the two components to your HTML:

<matrix-signin> is the modal window
<matrix-signin-button> is a button which toggles the modal

4. Use the specified HTML attributes and methods to customize functionalities.

Summary:

The “Sign in with Matrix” component offers a convenient solution for implementing federated sign-in for Matrix users. With its customizable features, lightweight design, and compliance with accessibility guidelines, this component simplifies the integration process for developers while providing a secure and user-friendly experience.