otp-angular
MIT
A lightweight, highly customizable, and dependency-free OTP input component for Angular 20+ applications.
2 stars0 forks0 contributors
Overview
OTP Angular is a dedicated component for handling One-Time Password input in Angular applications. It provides a seamless, accessible, and configurable user interface for verification flows, eliminating the need to build OTP inputs from scratch.
Key Features
- Highly Customizable — Configure length, input type, styling, separators, and placeholders via a comprehensive config object.
- Built-in Resend Option — Includes a resend timer and label to easily manage OTP resubmission flows within the component.
- Multiple Integration Methods — Supports Reactive Forms (
formControl), Template-driven Forms (ngModel), and standalone event binding. - Enhanced UX — Offers auto-focus, keyboard navigation, number-only restriction, password masking, and capital letter transformation.
- Programmatic Control — Exposes methods to set values, reset the resend timer, and disable inputs via a component reference.
Philosophy
The component is designed to be lightweight and dependency-free, focusing on developer experience with full Angular integration and extensive customization while maintaining a polished, accessible UI for end-users.
Related Projects
Community-curated · Updated weekly · 100% open source
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
