Custom Cursor Trails

Edit trail: Blue star Custom Cursor Trail

Update settings, appearance and behavior of your custom trail.

Step 1: Trail name

Enter the name of your cursor trail set.

Step 2: Images

Add images in any convenient way.

OR

Selected images:

Blue star Custom Cursor Trail
Blue star Custom Cursor Trail

Step 3: Settings

Select the animation type, size, and other parameters.

Loading animation…
Loading…

How to Use: Create and Customize a Custom Cursor Trail

Step-by-step guide for creating, editing, and using custom cursor and custom cursor trails in your app or browser extension.

  1. Step 1. Name your custom cursor trail

    In the "Name" field, enter a clear title for your future custom cursor trail (for example, Cosmic Sparkles). This makes it easier to find in your extension and manage different cursor effects. Naming helps organize multiple custom cursor trails for various projects.

  2. Step 2. Add images for the custom cursor trail

    Add images to your custom cursor trail in three ways: 1) paste an image URL, 2) upload a file from your computer, 3) choose icons from your own image library. Supported formats: JPG, JPEG, PNG, WEBP, BMP, SVG. For the best appearance, we recommend transparent PNG or SVG icons. Optimal parameters: 64-128 px and file size up to ~200-300 KB - this ensures smooth custom cursor trails without FPS drops. If an image URL fails due to CORS, use file upload or select from your library. You can mix multiple icons in one custom cursor trail set and remove any unnecessary elements at any time.

  3. Step 3. Customize your custom cursor trails

    Choose animation type, easing, image size (px), and effect duration (ms). This allows you to fully control the look and behavior of your custom cursor trails, adapting them to your website or extension style.

  4. Step 4. Add the custom cursor trail to your extension and start using it

    Make sure the custom cursor trail looks correct, then click "Add Trail to Extension" or "Save Changes". After saving, select your custom cursor trail in the app or extension to activate the cursor effect on any website.

FAQ: Custom Cursor Trail, Cursor Animation, and Image Library

The most common questions about creating and customizing cursor effects, using your own image library, and optimizing custom cursor trails.

Which image formats and sizes are supported for custom cursor effects?

Supported formats: JPG, JPEG, PNG, WEBP, BMP, SVG. We recommend small files (up to ~200-300 KB) and icon sizes between 64-128 px for smooth performance of custom cursor trails.

How can I add images from my own image library?

Select the “Choose from Library” option to insert icons from your personal image library.

  • Combine images from your library with local files to keep a consistent style.
  • Update your set anytime: remove unnecessary icons and add new ones.
  • Using your own image library helps maintain brand consistency across custom cursor trails.
Why does adding an image by URL sometimes not work?

Some websites block loading images through third-party apps due to CORS restrictions.

This is not an error of the custom cursor trail builder, but a security policy of the image host. Use file upload or the library instead.

What is the difference between 'Size' and 'Duration' in a custom cursor trail?
  • Size - the physical dimensions of images (px): affects the visibility and clarity of the custom cursor trail.
  • Duration - the time of one animation cycle (ms): defines how fast the cursor trail effect appears and disappears.
Can I edit an existing custom cursor trail?

Yes. In edit mode, you can change the animation type, easing, size, or image set (add new icons from files or the library), then click “Save Changes”.

Where is a created custom cursor trail used and how do I activate it?

After saving, your set will appear in the extension or app. Select it as active to enable the custom cursor effect on your website.

You can quickly switch between different custom cursor trails for A/B testing or design experiments.

How can I disable or remove a custom cursor trail?

In the app or extension settings, choose the default cursor without effects, or delete the trail completely if not needed.

This allows fast switching between different cursor options whenever required.

Can I use my own photos as a custom cursor trail?

Yes, you can upload photos in JPG or PNG format and use them as elements for custom cursor trails.

We recommend cropping photos, reducing resolution, and keeping transparency to ensure smooth performance.

Preview Mode