Letterboxd Tweaks

Description

This Chrome extension/Firefox add-on enhances the Letterboxd website with cleaner movie cards, a more efficient search bar featuring instant movie suggestions, and an improved user interface that hides unnecessary filters, navbar items, and sort options, along with other quality of life improvements.

Main features

• New film cards

  

• Better film page

  

• Improved search experience

  

• Hide useless filters, sort options and nav items

Future Improvements

• Display the cast member's image when hovering over their name. (#25)
• Automatically add a movie to the diary after rating it. (#26)
• Show an indicator if a movie is already in the watchlist. (#27)
• Allow removing a movie from a list directly from the movie component. (#28)
• Add keyboard shortcuts for search and make it a command component. (#29)

If you have ideas for further improvements, please email them to jserwatka.dev@gmail.com or create an issue on this repository.

Getting Started

1. Check if your Node.js version is >= 14

2. Clone this repo and cd into it

   git clone https://github.com/JSerwatka/letterboxd-tweaks.git
   cd letterboxd-tweaks

3. Install the dependencies

   npm i

4. Build the project in dev mode

   npm run dev

5. Enable Developer mode in your Manage Extensions tab

6. Click Load unpacked, and select letterboxd-tweaks/build folder

Build with

• Chrome Extension with Vite template from create-chrome-ext

• SolidJS