CifraClub Better UI

Enhance your CifraClub experience with CifraClub Better UI, a Chrome extension designed to improve the layout and usability of CifraClub song pages.

Features

• Horizontal Layout: Displays song sheets side by side for better visualization while playing guitar, reducing the need to scroll the page.
• Default Settings:
  • Two Columns for Chords ("Cifras em duas colunas") enabled by default for a clearer view.
  • Tablatures disabled by default to reduce clutter.
• Custom Styling: Applies sleek and modern styles to make your browsing experience more enjoyable.
• Additional UI Enhancements:
  • Hide Composer: Option to hide the compositor section for a cleaner interface.
  • Hide Cypher settings: Option to hide the cipher settings.
  • Hide Logo: Option to hide the logo to minimize distractions.

How to Use

1. Clone or Download the Repository:
   Clone the repository to your local machine or download it as a ZIP file and extract it.

2. Open Chrome Extensions Page:
   Navigate to chrome://extensions in Google Chrome.

3. Enable Developer Mode:
   Toggle the Developer mode switch in the top right corner of the page.

4. Load Unpacked Extension:
   Click on the Load unpacked button and select the cifraclub-betterui folder you cloned or extracted.

5. Navigate to CifraClub and Click "Imprimir":
   Visit any song page on CifraClub, click on the "imprimir" (print) button to see the enhanced layout and additional UI features in action.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

Don't forget to run npm run build-zip after every change to generate a new package and upload it to chrome web store developer dashboard.

License

This project is licensed under the MIT License.