Lyrics-Finder is a free and open-source web application that lets you retrieve song lyrics in two powerful ways:
-
Direct Search:
Quickly fetch lyrics by entering both an artist's name and a song title. -
Alphabetical Artist Explorer:
Browse through an A–Z menu to dynamically query and list artists (using the MusicBrainz API via a free CORS proxy). For a chosen letter, a paginated list of artists (20 per page) is displayed. Select an artist to view their recordings (with duplicate titles removed and, if necessary, paginated), and then click on a song to retrieve its lyrics via the lyrics.ovh API, shown in a fullscreen modal.
This dual-mode interface offers an end-to-end exploration of song lyrics using completely free, open source APIs and technologies.
-
Dual Search Modes:
- Direct Search: Type in both an artist and song title to instantly retrieve lyrics.
- Alphabetical Explorer: Choose a letter from an alphabet menu to dynamically fetch and display a paginated list of artists, and then their sorted recording list.
-
Dynamic Data Integration:
- Leverages the MusicBrainz API (accessed via a free CORS proxy) to fetch and sort artist and recording data based solely on the first letter of artists’ names.
- Uses the lyrics.ovh API for fetching song lyrics.
-
Deduplication & Pagination:
- Automatically filters out duplicate song titles (case-insensitive) for a cleaner display.
- Implements pagination for the artist list (20 per page) and the song list (20 per page) when needed.
-
Robust Error Handling:
- Displays informative error messages if no data, duplicate entries, or missing lyrics are encountered.
-
Responsive and Professional Design:
- Built with HTML5, CSS3, JavaScript, and Bootstrap 5 to ensure the interface is modern and adapts to any device.
- On the landing page, simply enter an artist’s name and a song title. Clicking the search button will immediately fetch and display the lyrics in a fullscreen modal.
-
Alphabet Menu:
At the top of the page, an A–Z menu is available.
Clicking a letter dynamically fetches artists from MusicBrainz whose names start with that letter. -
Artist Listing:
The list is displayed in a grid with pagination (20 artists per page).
Click on an artist card to view a list of the artist’s recordings. -
Song Listing:
Recordings (song titles) are deduplicated and sorted alphabetically.
If more than 20 songs are found, pagination will be available. -
Lyrics Modal:
Clicking on a song calls the lyrics.ovh API to retrieve the lyrics, which are then displayed in a fullscreen modal.
- HTML5 – Structured, semantic markup.
- CSS3 – Styling and layout design.
- JavaScript – Dynamic functionality and API integrations.
- Bootstrap 5 – Responsive design and UI components.
- MusicBrainz API – Dynamically retrieves artist and recording data (via a free CORS proxy).
- lyrics.ovh API – Fetches song lyrics based on artist and title.
Contributions are welcome! If you spot bugs, have feature suggestions, or want to improve the interface, please fork the repository and submit a pull request. Let’s work together to make this tool even better.
This project is licensed under the GPL License. See the LICENSE file for further details.
Bocaletto Luca
GitHub: bocaletto-luca
Lyrics-Finder is developed by Bocaletto Luca, a passionate advocate for creating 100% free, open source, and open data web applications.
Enjoy exploring and discovering your favorite song lyrics – oh yeah friend!