Skip to content
StickyStashPublic

About

New modern dark theme for Stash (stashapp). Redesigned cards, easier navigation and phone-friendly.

Topics

Resources

Stars

2 stars

Watchers

2 watching

Forks

Latest commit

 

History

12 Commits

Folders and files

Repository files navigation

Sticky: browse your Stash like a streaming app, at your desk or on your phone

Is your Stash sticky?

You built your collection. Stash keeps it organised.
Sticky makes it a pleasure to browse at your desk or on your phone.

Stash v0.31 Works on desktop and phone Licence: MIT

 Install    What's in it    Settings    The story 


At your desk

The Sticky home page with rows of scene cards, next to the Tags page grouped into categories like Action, People and Scene

Your Home page, and your tags grouped by category.

Everything up front. You don't need to hover or click to find out what something is. It's right there on the card.

  • Scene cards see the full title, studio, date, who's in it and the tags.
  • Performer cards show their age, their country and years they were active.
  • Hover over any card and get even more.
  • Cards are slimmer, now more fits on your screen.

Tags, sorted

Your tags used to sit in one long list. Sticky sorts them under the parent tags you already have.

  • Pick a category, like Action, People or Scene.
  • Pick a tag. Each one shows a count beside it.
  • Done. You're straight to the good part.

Every tag you own is now two clicks away.

Cards, redesigned

A Stash scene card on the left and the same scene as a Sticky card on the right, with the studio, date, full title, performers and tags

Same scene, two looks. Stash does the organising. Sticky makes browsing the fun part.

It's late at night, you're scrolling for something to watch. Maybe it's your favourite performer. Maybe it's the scene you rented on DVD years ago and never forgot.

  • With the performers and tags hidden, you struggle to find it.
  • Now, every card has been upgraded - you don't need to guess. Wasn't it Newly weds Test Whether the Honeymoon Suite is Soundproof? Oh yeah, that one.

Performers, laid bare

A Sticky performer page with the photo on the left, details in neat groups, and a front-and-back body map numbering each tattoo and piercing

Every detail in its place.

Get to know your faves without digging.

  • Basics. Gender, country, birthday and age.
  • Career. The years they were active.
  • Their look. Height, hair, eyes and measurements.
  • Tattoos and piercings. An anatomical map showing where everything is.

You'll always know where to look.

In your hand

Three phone screens showing the Sticky Home page, a performer page and the Tags page, with a glass bar at the bottom of the screen

Home, a performer and Tags, all one thumb away.

Later, in bed, on your phone.

  • Liquid glass bar at the bottom of the screen, like YouTube's. Your four favourite pages are one tap away.
  • Cards made for a small screens, for easier searching and your viewing pleasure.
  • Tags sorted for phones, Scroll through category tabs along the top.

One-handed browsing, as nature intended.

The whole package

🎞️

Cards
Get the whole story (studio, date, title, cast and tags) all on one card.

🏠

Home redesign
Welcome back to your new modern streaming app.

🏷️

Tags by category
No more scrolling, tags are sorted under the parent tags you already have.

👤

Performer pages
Details in neat groups, plus a tattoo and piercing map.

📱

Phone bar
A glass bar with your four favourite pages.

🔍

One-row toolbar
Search, sort, filters and views on one line.

💗

Its own icon
On your browser tab and your iPhone Home Screen.

🎨

Everything matches
Settings, menus, pop-ups and the video player too.

📦

Ready to use
No dependencies, no bloat, one theme, one install.


 Install Sticky 

Install

Three steps. About a minute.

1  Add Sticky to Stash

In Stash, go to Settings → Plugins → Available Plugins → Add Source. Name it Sticky and paste this link:

https://stickystash.github.io/Sticky/index.yml

2  Install it

Open the new source, tick Sticky and click Install.

3  Reload the page

That's it. Stash will let you know when there's an update.

Needs Stash v0.31 and a current Chrome, Brave, Edge or Firefox, or Safari 16+ on Mac, iPhone and iPad.

Install by hand instead

Copy this folder into your Stash plugins folder (for example ~/.stash/plugins/sticky/). Then go to Settings → Plugins → Reload plugins and reload the page.

Under the hood

Pick your theme

Go to Settings → Plugins → Sticky → Theme and tap a tile. Four moods:

  • Blue balls — the deep blue you started with
  • Blindfold — dark grey
  • Extra virgin — emerald green
  • Red light district — deep red

It changes straight away, and on iPhone the status bar follows.

Choose your phone bar

Go to Settings → Plugins → Sticky → Phone tab bar and tap up to four pages, in the order you want them. Tap one again to take it out. Pages from your other plugins are there too.

Everything else waits in the More menu.

Arrange your menu

Go to Settings → Interface → Menu items:

  • Drag to reorder. Pages from your other plugins too.
  • Toggle pages off to hide them, plugin pages included.
  • Plugins folder. One switch tucks every plugin page into a single Plugins entry. Hover or click to open it.

Too many pages for your screen? The bar slides left to make room, then folds into the menu button. Nothing overlaps.

Tasks, at a glance

Scans and other tasks show in a small panel at the bottom left while they run, on any page. Close it with ×; it's back for the next one.

Turn it off

  • In one tab: add ?sticky=off to the address. Add ?sticky=on to bring it back.
  • Everywhere: disable it under Settings → Plugins.
  • To compare with Stash's own look: use Troubleshoot mode, at the bottom of the Settings menu.
Match the login page too

Stash's login page loads before any plugin, so Sticky can't reach it. But a matching look is one paste away. Copy extras/login.css into Settings → Interface → Custom CSS and tick Custom CSS enabled. It only changes the login page.

Other plugins

Most plugins pick up Sticky's look on their own. Pages they add to the menu can be reordered, hidden or gathered into the Plugins folder (see Arrange your menu). On your phone they get their own row in the More menu, with their own icon, and you can pin them to the bar.

If one looks out of place, please open an issue with a screenshot.

How Sticky came together

A couple of months ago, I was flicking between Netflix on the TV and Stash on my phone, and it hit me. Why can't Stash feel like this?

So Sticky borrowed the best bits:

  • From Netflix: rows of content that make you want to press play.
  • From YouTube: Streamlined video cards, bar at the bottom of your phone, right under your thumb.

One rule from day one: restyle, don't rebuild. Every page is still the Stash you know underneath. It just looks more inviting.

Huge thanks to the hard working Stash developers. None of this exists without the thing they built.

Sticky was built with help from Claude Opus 5.5, Which wrote much of the code under my direction. I reviewed every change, tested it on a live Stash install on desktop and iPhone, and I take responsibility for the code. Issues and pull requests are welcome.

Development
  • Sticky is plain JavaScript and CSS, with no build step to run it. Drop the folder into plugins/, reload plugins, and edit in place.
  • sh build.sh builds the plugin source (_site/index.yml and _site/sticky.zip). The GitHub Actions workflow in .github/workflows/pages.yml runs it and publishes _site/ to GitHub Pages on every push to main.
  • Each script and stylesheet opens with a comment explaining what it does and why. Read those before changing anything.

MIT licence. See LICENSE.
Sticky isn't affiliated with the Stash project.

About

New modern dark theme for Stash (stashapp). Redesigned cards, easier navigation and phone-friendly.

Topics

Resources

Stars

2 stars

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages