{"id":13808165,"url":"https://github.com/shiv-source/ngx-typed2","last_synced_at":"2026-05-16T15:06:56.615Z","repository":{"id":230073467,"uuid":"778438173","full_name":"shiv-source/ngx-typed2","owner":"shiv-source","description":"An Angular Typing Animation Library.","archived":false,"fork":false,"pushed_at":"2024-03-27T18:18:49.000Z","size":124,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-27T09:19:57.313Z","etag":null,"topics":["angular","ngx-typed2","typed-js"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/ngx-typed2","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shiv-source.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-27T18:13:39.000Z","updated_at":"2025-07-24T14:37:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"dfd5af40-c226-4398-a889-efd2a151b01b","html_url":"https://github.com/shiv-source/ngx-typed2","commit_stats":null,"previous_names":["shiv-source/ngx-typed2"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/shiv-source/ngx-typed2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shiv-source%2Fngx-typed2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shiv-source%2Fngx-typed2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shiv-source%2Fngx-typed2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shiv-source%2Fngx-typed2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shiv-source","download_url":"https://codeload.github.com/shiv-source/ngx-typed2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shiv-source%2Fngx-typed2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33107582,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","ngx-typed2","typed-js"],"created_at":"2024-08-04T01:01:36.492Z","updated_at":"2026-05-16T15:06:56.590Z","avatar_url":"https://github.com/shiv-source.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Animations"],"readme":"# ngx-typed2\n\n![NPM Version](https://img.shields.io/npm/v/ngx-typed2.svg?style=flat)\n![NPM Downloads](https://img.shields.io/npm/dm/ngx-typed2.svg)\n![GitHub release](https://img.shields.io/github/release/shiv-source/ngx-typed2)\n![License](https://img.shields.io/github/license/shiv-source/ngx-typed2)\n[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/shiv-source/ngx-typed2)](https://github.com/shiv-source/ngx-typed2/pulls)\n\nngx-typed2 is an Angular library designed to seamlessly integrate Typed.js functionalities into Angular applications, compatible with both Single Page Applications (SPA) and Server-Side Rendering (SSR)\n\n## Installation\n\nYou can install ngx-typed2 via npm:\n\n```bash\nnpm install ngx-typed2\n```\n\nYou can install ngx-typed2 via yarn:\n\n```bash\nyarn add ngx-typed2\n```\n\n\nYou can install ngx-typed2 via pnpm:\n\n```bash\npnpm add ngx-typed2\n```\n\n## Usage\n\n### Import the Module\n\nImport the `NgxTypedJsModule` into your Angular module:\n\n```typescript\nimport { NgxTypedJsModule } from 'ngx-typed2';\n\n@NgModule({\n  imports: [\n    NgxTypedJsModule\n  ]\n})\nexport class AppModule { }\n```\n\n### Use in the Component\n\nUse the `ngx-typed2` component in your Angular templates:\n\n```html\n\u003cngx-typed2\n  [strings]=\"['Hello', 'World']\"\n  typeSpeed=\"50\"\n  backSpeed=\"30\"\n  [loop]=\"false\"\n  [showCursor]=\"true\"\n  cursorChar=\"|\"\n  [autoInsertCss]=\"true\"\n\u003e\u003c/ngx-typed2\u003e\n```\n\n### Available Inputs\n\n| Input                | Type         | Default     | Description                                          |\n|----------------------|--------------|-------------|------------------------------------------------------|\n| strings              | string[]     | []          | Array of strings to be typed out sequentially.      |\n| stringsElement       | string       | undefined   | String element to be typed out.                      |\n| typeSpeed            | number       | 100         | Typing speed (in milliseconds per character).        |\n| startDelay           | number       | undefined   | Delay before typing starts (in milliseconds).        |\n| backSpeed            | number       | 100         | Backspacing speed (in milliseconds per character).   |\n| smartBackspace       | boolean      | undefined   | Enable smart backspacing for natural typing effects. |\n| shuffle              | boolean      | undefined   | Enable random string selection.                      |\n| backDelay            | number       | 500         | Delay between characters during backspacing.         |\n| fadeOut              | boolean      | undefined   | Enable fade-out effect.                              |\n| fadeOutClass         | string       | undefined   | CSS class for fade-out effect.                       |\n| fadeOutDelay         | number       | 500         | Delay before fade-out (in milliseconds).             |\n| loop                 | boolean      | true        | Control looping of typing animation.                 |\n| loopCount            | number       | undefined   | Specify the number of loop counts.                   |\n| showCursor           | boolean      | undefined   | Toggle cursor visibility.                            |\n| cursorChar           | string       | undefined   | Customize cursor appearance.                         |\n| autoInsertCss        | boolean      | undefined   | Automatically insert Typed.js CSS.                   |\n| attr                 | string       | undefined   | Additional attributes.                               |\n| bindInputFocusEvents | boolean      | undefined   | Bind input focus events.                             |\n| contentType          | string       | undefined   | Specify content type (e.g., 'html', 'text').         |\n| cursorColor          | string       | undefined   | Customize cursor color.                              |\n| ngClass              | string       | undefined   | Apply custom classes.                                |\n\n\n### Available Outputs\n\n\n| Output                  | Event Emitted Data                             | Description                                              |\n|-------------------------|-------------------------------------------------|----------------------------------------------------------|\n| onBeginEvent            | Typed                                           | Triggered when typing begins.                            |\n| onCompleteEvent         | Typed                                           | Triggered when typing completes.                         |\n| preStringTypedEvent     | { arrayPos: number, self: Typed }              | Triggered before a string is typed.                     |\n| onStringTypedEvent      | { arrayPos: number, self: Typed }              | Triggered after a string is typed.                      |\n| onLastStringBackspacedEvent | Typed                                       | Triggered when the last string is backspaced.           |\n| onTypingPausedEvent     | { arrayPos: number, self: Typed }              | Triggered when typing is paused.                        |\n| onTypingResumedEvent    | { arrayPos: number, self: Typed }              | Triggered when typing resumes after being paused.       |\n| onResetEvent            | Typed                                           | Triggered when typing is reset.                         |\n| onStopEvent             | { arrayPos: number, self: Typed }              | Triggered when typing is stopped.                       |\n| onStartEvent            | { arrayPos: number, self: Typed }              | Triggered when typing starts for a particular string.   |\n| onDestroyEvent          | Typed                                           | Triggered when the ngx-typed2 instance is destroyed.     |\n\n\n### Available Methods\n\n| Method    | Description                                       |\n|-----------|---------------------------------------------------|\n| start()   | Initiates the typing animation.                   |\n| stop()    | Pauses the typing animation.                      |\n| reset()   | Resets the typing animation to its initial state. |\n| toggle()  | Toggles between starting and stopping the typing animation. |\n| destroy() | Stops the typing animation and cleans up any resources used. |\n\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n\n## Contact\n\n- **Author:** Shiv Kumar\n- **Website:** [https://shivkumar.me](https://shivkumar.me)\n- **Email:** [hello@shivkumar.me](mailto:hello@shivkumar.me)\n- **Issue Tracker:** [GitHub Issues](https://github.com/shiv-source/ngx-typed2/issues)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshiv-source%2Fngx-typed2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshiv-source%2Fngx-typed2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshiv-source%2Fngx-typed2/lists"}