Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js

Ask a question, post a review, or report the script.

लेखक: Midori Dragon
आवृत्ती: 1.2.3
बनवली: 2024-01-18
अपडेट केली: 2026-02-22
आकार: 21.1 KB
License: MIT

Furaffinity Loading Animations

Library for creating different loading animations on FurAffinity.

See documentation on Furaffinity-Loading-Animations.

How to use

@require this script

Create a new Loading Animation:

const baseElem = document.getElementById('spinner-container');
const spinner = new FALoadingSpinner(baseElem); // always give the baseElem as parameter
spinner.visible = true;
⠀
const textSpinner = new FALoadingTextSpinner(baseElem);
const imageSpinner = new FALoadingImage(baseElem);
const barSpinner = new FALoadingBar(baseElem);

See Furaffinity-Loading-Animations for more info

Optional: Change Settings:

spinner.forecolorHex = "#FF0000";
spinner.spinnerThickness = 6;

Feature Roadmap

Feature	Status
Have basic Options for all Loading Animations	✅ Completed
⠀⠀⠀⠀Change Speed	✅ Completed
⠀⠀⠀⠀Change Visibility	✅ Completed
⠀⠀⠀⠀Change Size	✅ Completed
Have different Types of Animations	✅ Completed
⠀⠀⠀⠀Text Spinner	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Text	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Font Size	✅ Completed
⠀⠀⠀⠀Loading Spinner	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Color	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Thickness	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Animation	✅ Completed
⠀⠀⠀⠀Image Animation	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Image	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Animation	✅ Completed
⠀⠀⠀⠀Loading Bar	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Color	✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Text	✅ Completed
Progress Bar	⬜ Planned