# amll-dev/applemusic-like-lyrics

An Apple Music style lyric player component, with React & Vue support. 一个类 Apple Music 歌词显示组件，同时提供 React 和 Vue 绑定。

Repository: https://github.com/amll-dev/applemusic-like-lyrics
Canonical: https://ross.abutalabs.com/products/applemusic-like-lyrics
Homepage: http://amll.dev/
Language: TypeScript
License: AGPL-3.0
License Family: copyleft
Topics: music, music-player, apple-music, lyric, javascript, react, typescript, vue, audio, player, vue3, audio-player
Last push: 2026-08-25T17:45:26+00:00

## Health v2 (maintenance only)
Score: 79/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 45, longevity 95
- inputs: {"age_days": 1341, "days_push": 8, "days_rel": 159, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2112, forks 203 (observed 2026-08-28T04:06:14.473998+00:00)

## What it is
A web component library that renders Apple Music (iPad)-style word-by-word lyrics with animated fluid backgrounds, offering framework-agnostic DOM, React, and Vue bindings. It also ships companion packages for parsing and generating lyric formats such as TTML, LRC, YRC, and QRC.

## Use cases
- display apple music style lyrics on my website
- add synced karaoke lyrics to a web music player
- parse ttml lyric files in javascript
- convert lrc to ttml lyrics
- react component for scrolling lyrics with animation
- render word-by-word lyrics in vue
- animated fluid background behind song lyrics

## When to choose
- you want a polished Apple Music-like lyric UI in a React, Vue, or vanilla web app
- you need to parse or serialize many lyric formats including TTML, YRC, and QRC
- you want animated fluid backgrounds alongside lyric display

## When to avoid
- you need a full standalone music player rather than a UI component
- you need CDN usage without a bundler
- you need TTML parsing in Node via the lyric package (use the dedicated TTML package instead)

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, audio-processing, parser, serialization
- domain: web-development, frontend, media, audio
- platform: browser
- tags: lyrics, apple-music, music-player, react, vue, ttml, lrc, karaoke-lyrics, component-library, audio, web-server, nodejs, typescript, javascript

## Member repositories
- amll-dev/applemusic-like-lyrics (main) score 79

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:14.473998+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:53:41.231714+00:00, confidence not recorded.
  - readme: https://github.com/amll-dev/applemusic-like-lyrics (fetched 2026-08-28T04:06:14.473998+00:00, sha 815e80d86b35)
  - homepage: http://amll.dev/ (fetched 2026-08-29T10:34:04.748000+00:00, sha 799d73df357d)
  - site_page: http://amll.dev/guides/component/quickstart (fetched 2026-08-29T10:34:04.756772+00:00, sha 195f219064ec)
  - site_page: http://amll.dev/guides/lyric/quickstart (fetched 2026-08-29T10:34:04.758856+00:00, sha 0c64c5ca9e4d)
- Data as of 2026-08-30T08:39:29.467469+00:00.