Add Tag/Class/Attribute to Movie Cards

[djmeero]

Add Tag/Class/Attribute to Movie Cards

Hi everyone 👋
I’m hosting Jellyfin on my Windows PC and I love customizing the UI.

I’d like to make certain movies (like upcoming releases) visually stand out in the library.
Currently, I tag these movies with a custom tag like "comingsoon" and I want to overlay a banner that says  "Coming Soon" on the movie poster.

The problem is: movie cards in the library UI don’t expose tags in the DOM, so I can't target them with CSS without hardcoding
data-id values — which becomes unmanageable.

Feature Request:
Can you please add a class, attribute, or data-* field to the .card element (or a child element) that includes the tags of the item? 
For example: <div class="card" data-tags="comingsoon,action,2025">

This would allow us to use CSS like:

.card[data-tags*="comingsoon"] .cardImageContainer::before {
    content: "Coming Soon";
    ...
}

Even exposing just the first tag or a single class per tag (e.g., tag-comingsoon) would be incredibly helpful.
This small change would unlock huge customization potential for all Jellyfin users who want to visually distinguish items in their library based on tags.

Sorry if this request already exists, I couldn't find anything related.
If anyone has any other ideas how could I implement this please tell.

Thanks for all the amazing work you do! 🎉

[KodiUser1138]

Curious, how are you entering movies to your library that you odn't have yet, hence the "Coming Soon" banner?

[djmeero]

Curious, how are you entering movies to your library that you odn't have yet, hence the "Coming Soon" banner?

I just add a short trailer video file (usually .mp4 or .mkv) to my movie library folder and name it like the actual movie.
Jellyfin picks it up as a normal movie, fetches the metadata and poster just like any other film.
Then I manually tag it as "comingsoon" so I know it’s not released yet, and that’s where I wanted to overlay the banner.

[KodiUser1138]

Curious, how are you entering movies to your library that you odn't have yet, hence the "Coming Soon" banner?

I just add a short trailer video file (usually .mp4 or .mkv) to my movie library folder and name it like the actual movie.
Jellyfin picks it up as a normal movie, fetches the metadata and poster just like any other film.
Then I manually tag it as "comingsoon" so I know it’s not released yet, and that’s where I wanted to overlay the banner.

Oh I see.

I have a seperate library for Movie Trailers and don't worry about metadata. It's a simple dump folder though so JF jsut needs to scan for changes to the files contained and it works well. Then they are of course, coming soon.