Greasy Fork is available in English.

Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

Dette script bør ikke installeres direkte. Det er et bibliotek, som andre scripts kan inkludere med metadirektivet // @require https://update.greasyfork.org/scripts/485153/1803332/Furaffinity-Loading-Animations.js

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

Skaber: Midori Dragon
Version: 1.2.4
Oprettet: 18.01.2024
Opdateret: 19.04.2026
Size: 21,2 kB
Licens: 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