{"id":15617979,"url":"https://github.com/omnedia/ngx-word-morph","last_synced_at":"2025-07-18T12:38:19.220Z","repository":{"id":248709592,"uuid":"829312230","full_name":"omnedia/ngx-word-morph","owner":"omnedia","description":"A simple component library to animate text.","archived":false,"fork":false,"pushed_at":"2024-12-12T01:41:02.000Z","size":10,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-15T02:44:40.751Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/omnedia.png","metadata":{"files":{"readme":"README.md","changelog":null,"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-07-16T07:20:58.000Z","updated_at":"2024-12-12T01:41:06.000Z","dependencies_parsed_at":"2024-08-22T16:24:56.128Z","dependency_job_id":null,"html_url":"https://github.com/omnedia/ngx-word-morph","commit_stats":null,"previous_names":["omnedia/ngx-word-morph"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnedia%2Fngx-word-morph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnedia%2Fngx-word-morph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnedia%2Fngx-word-morph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnedia%2Fngx-word-morph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omnedia","download_url":"https://codeload.github.com/omnedia/ngx-word-morph/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248997087,"owners_count":21195797,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-10-03T08:00:53.551Z","updated_at":"2025-04-15T02:44:45.801Z","avatar_url":"https://github.com/omnedia.png","language":"TypeScript","funding_links":[],"categories":["Recently Updated","Third Party Components"],"sub_categories":["[Oct 01, 2024](/content/2024/10/01/README.md)","Animations"],"readme":"# Ngx Word-Morph Component\n\n\u003ca href=\"https://ngxui.com\" target=\"_blank\" style=\"display: flex;gap: .5rem;align-items: center;cursor: pointer; padding: 0 0 0 0; height: fit-content;\"\u003e\n  \u003cimg src=\"https://ngxui.com/assets/img/ngxui-logo.png\" style=\"width: 64px;height: 64px;\"\u003e\n\u003c/a\u003e\n\nThis Library is part of the NGXUI ecosystem. \u003cbr\u003e\nView all available components at https://ngxui.com\n\n`@omnedia/ngx-word-morph` is an Angular library designed to facilitate word morphing animations within Angular applications.\n\n## Features\n\n- Morph words within your Angular application.\n- Easily customizable.\n\n## Installation\n\nInstall the library using npm:\n\n```bash\nnpm install @omnedia/ngx-word-morph\n```\n\n## Usage\n\nImport the `NgxWordMorphComponent` in your Angular module:\n\n```typescript\nimport {NgxWordMorphComponent} from '@omnedia/ngx-word-morph';\n\n@Component({\n  ...\n    imports:\n[\n  ...\n    NgxWordMorphComponent,\n],\n...\n})\n```\n\nUse the component in your template:\n\n```html\n\n\u003com-word-morph [words]=\"['Hello', 'World']\" styleClass=\"custom-class\"\u003e\u003c/om-word-morph\u003e\n```\n\n## API\n\n```html\n\n\u003com-word-morph\n  [words]=\"words\"\n  [morphDuration]=\"morphDuration\"\n  [morphDelay]=\"morphDelay\"\n  styleClass=\"your-custom-class\"\n\u003e\u003c/om-word-morph\u003e\n```\n\nStarts the word morphing effect.\n\n- `words`: An array of strings to be animated.\n- `morphDuration`: (optional): The duration of the morphing animation in milliseconds. Default is 1000.\n- `morphDelay`: (optional): The delay between morphing one word to the next in milliseconds. Default is 5000.\n- `styleClass`: (optional): Add a class to the `\u003cdiv\u003e` wrapper tag.\n\n## Styling\n\nIf you want to style the text, do it globally via the `styleClass`. \u003cbr\u003e\nTo change the font size make sure to change the `--om-word-morph-font-size` variable instead of directly changing the size.\n\n## Contributing\n\nContributions are welcome. Please submit a pull request or open an issue to discuss your ideas.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomnedia%2Fngx-word-morph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomnedia%2Fngx-word-morph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomnedia%2Fngx-word-morph/lists"}