https://github.com/kevinkace/lyrite

A tool tool to format lyrics
https://github.com/kevinkace/lyrite

javascript lyrics mithriljs modular-css music songs tool

Last synced: 4 months ago
JSON representation

A tool tool to format lyrics

• Host: GitHub
• URL: https://github.com/kevinkace/lyrite
• Owner: kevinkace
• Created: 2018-02-12T02:06:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-05-01T22:57:26.000Z (almost 2 years ago)
• Last Synced: 2024-10-18T04:27:39.138Z (4 months ago)
• Topics: javascript, lyrics, mithriljs, modular-css, music, songs, tool
• Language: JavaScript
• Homepage: http://lyrite.com
• Size: 28.3 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 23
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Lyrite - a tool to format lyrics

[![Netlify Status](https://api.netlify.com/api/v1/badges/8fc9f924-59cb-42ae-8a9e-3a16db1bccd6/deploy-status)](https://app.netlify.com/sites/effervescent-valkyrie-30f7c5/deploys)

## What is Lyrite?

A simple web-app to style song lyrics so they are easier to read when jamming. :guitar: :microphone:

## Adding custom lyrics

1. paste lyrics into the text field.

2. click "load song"

## Editing & styling lyrics

1. tools are accessible by clicking the quill icon in the top right

2. directly adjust the font size or number of columns

3. click the `edit` button edit lyrics

4. color the lyrics by clicking one of the colors, then clicking a section of lyrics

## Why?

The need for this app came from a real-world scenario; jamming with friends and needing an easy to read lyric sheet. Most sites display lyrics in a single column often taking up more than a full page.

With Lyrite you can easily have all lyrics on a single page with columns and font size adjustment. You can also color sections of lyrics making them easier to track visually.

## Technology

A single page application built with [Mithril](https://mithril.js.org/) & [Modular-CSS](https://github.com/tivac/modular-css), bundled with [vite](https://vitejs.dev/), and hosted on [Netlify](https://www.netlify.com/).  

It uses [localstorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) for saving [custom songs](https://github.com/kevinkace/lyrite/blob/master/src/state/db.js).

## How to pronounce?

It's a portmanteau of "lyrics" and "write"; Lyrite.

## Contributors & Thanks

Kevin Cameron - Most things (dev, design, features)  

Neil Hagar - jamming buddy, and sounding board  

Eli Scheer - logo, and fonts

Video of styling a song

![demo](https://rawgit.com/kevinkace/lyrite/master/demo-imgs/demo-SLTS.gif)

Video of adding a custom song

![demo](https://rawgit.com/kevinkace/lyrite/master/demo-imgs/demo-custom.gif)