Custom Cursor Image

Demo to preview the plugin:

Introduction

This Plugin allows you to use a custom cursor image on you app. You can upload any image (max size 128 x 128 px) and use it as a custom mouse cursor. You can specify a different cursor for every page within your app.
Image without caption

How to setup

  1. Add the Plugin Element to the Page
      • Go to the Design tab in the Bubble editor.
      • Search for the element: Custom Cursor.
      • Drag this element onto your page. It will be invisible and act as a controller.
        • Element → Custom Cursor.
          Element → Custom Cursor.
  1. Configure the Element Properties
    1. Select the element and go to the Appearance tab to configure the following field:
      • Image:
        • This is the URL of the image to use as the custom cursor.
          You can define it in two ways:
        • Static file: Upload an image directly in Bubble.
        • Dynamic link: Use a dynamic expression to link a file stored elsewhere or from your database.

Plugin Element Properties

Custom Cursor

Element properties → Custom Cursor.
Element properties → Custom Cursor.
Fields:
Title
Description
Type
Image
Upload an image that should be used as the new cursor. The maximum size is 128px * 128px.
File
Image without caption

Changelogs