HTML launcher with 3 fingers swipe down

it shows a transparent window with a hidden slider at right, to access to applications.

Description of what you are sharing

and code :

   #box {
    height: 360px;
    width: 690px;
    overflow: hidden;
    background: linear-gradient(to top, transparent, black);
border-radius: 7px 7px;

#content {
    height: 330px;
    width: 850px;
    overflow-y: auto;
	.colonne  {
		width: 86px;
		height: 86px;
	div {
		width: 690px;
		height: 114px;

	.zoom div img {
		transform: scale(1);
		transition: .4s ease-in-out;
	.zoom div:hover img {
		filter: grayscale(100%);
		transform: scale(0.9) rotate(-5deg);
<div id="box">
<div id="content">

<div class="zoom">
	<div class="colonne" onClick="window.BTT.callHandler('trigger_named', {trigger_name: 'Action1' , closeFloatingHTMLMenu: 1} )"><img src="file:///users/my_account/...path to PNG file...."/></div>

   ......repeat for Action2, 3, etc....and change PNG file....

and add a trigger named : Action1, 2, 3, etc... to launch app


Very cool, thanks for sharing. When I launch apps with this menu, the window flickers and the app doesn't come to the front. Like it's fighting for focus. When I launch apps with other gestures it works as expected. Any thoughts?

Make sure the BTT preferences are not open, this can cause flickering.

//edit ah I can see the problem you describe when the app is already open. I'll check if I can adapt the floating HTML implementation a little bit to support this better with the next alpha.

1 Like

Thanks, I thought that may be it, but with preferences closed it simply "flashes" back to the previously focussed app. FYI: I tried AppleScript "activate" instead of the Predefined Action and got the same result.

Would be great if you could try the latest BTT alpha (v2.518)

Solved in Alpha v2.518. Thanks!

1 Like

I changed the way to launch window(s) because there were too many icons into one panel.
I created two panels (windows) and added CTRL key to show second panel.

1 Like