🚀 ngx-auto-type

A lightweight, customizable, and blazing-fast typewriter animation library for Angular — no external dependencies like typed.js.

Create beautiful typing effects with colorful cursors, highlighted characters, looped word animations, and full styling control!

✨ Features

• ⌨️ Typewriter-style animated typing and deleting
• 🔁 Loop through multiple words seamlessly
• 🎨 Custom colors for text, cursor, and highlighted characters
• ⏱️ Adjustable typing, deleting, and delay speeds
• 💡 Cursor symbol customization
• 🧩 Easy to integrate in any Angular component
• 🪶 Zero external dependencies – small and fast

📦 Installation

npm install ngx-auto-type

🛠️ Usage

1. Import the component in your module

import { NgxAutoTypeComponent } from 'ngx-auto-type';

@NgModule({
  declarations: [NgxAutoTypeComponent],
  exports: [NgxAutoTypeComponent]
})
export class SharedModule {}


2. Use it in your template

<ngx-auto-type
[words]="['Welcome', 'This text is auto typed', 'Add more Text Here']"
[writeSpeed]="100"
[deleteSpeed]="100"
[writeDelay]="400"
[deleteDelay]="300"
[loop]="true"
[textColor]="'red'"
[cursorColor]="'purple'"
[styleClass]="'my-custom-class'"
></ngx-auto-type>