How to change charging animation on Xiaomi: 5 working ways for MIUI

Introduction: Why Change Standard Charging Animation

The standard charging animation on Xiaomi, Redmi and POCO smartphones is a simple circular indicator with percentages that, after 3-5 years of use, becomes boring. Especially if you are used to personalizing the interface through MIUI themes. Fortunately, the manufacturer and the development community offer several ways to replace it with something more original, from minimalistic stripes to iOS-style animations or even custom GIFs.

But there are nuances here. Since MIUI 12, Xiaomi has tightened control over system files, so classic methods with bootanimation.zip replacement through recovery have stopped working on most models. Instead, alternative solutions have appeared: from official themes to ADB commands to Magisk modules. In this article, we will discuss all the current methods, including those that work without root rights.

It’s important to understand that changing system animations is a firmware interference that can cause crashes. For example, on the Xiaomi 13 Pro with MIUI 14, incorrectly swapping animation files once caused an endless reboot for 12% of users (according to the XDA Developers forum), so we’ll start with the safest methods and gradually move on to the riskier ones.

Method 1: Use of official MIUI themes

The easiest and safest way is to install a theme from the official MIUI Themes store, which includes custom charging animation.This method works on all Xiaomi, Redmi and POCO smartphones with MIUI 11 and later, does not require root rights and does not violate the warranty.

Here's how to do it:

  • πŸ“± Open the Themes app (icon with brush on desktop).
  • πŸ” In the search bar, enter the query: charging animation or charging animation.
  • 🎨 Choose your favorite theme (pay attention to the rating and number of downloads). Popular options: "iOS Charging", "Minimal Charge", "Neon Battery".
  • πŸ“₯ Click Apply – The animation will change automatically after the next recharge.

The downside of this is that there are limited options: not all themes really change the charging animation, many only replace the battery icons. To check if the theme works, check the screenshots in its description - there should be a frame with a charging screen.

πŸ’‘

If the animations haven't changed after you use the theme, restart your smartphone. Sometimes MIUI caches old system files.

Method 2: Replacement with ADB (without root)

For users who are ready for a deeper setup, the ADB (Android Debug Bridge) method is suitable, which allows you to replace the system animation file without obtaining root rights, but requires USB debugging and command line work. This method is tested on the Redmi Note 11 Pro+, POCO F4 and Xiaomi 12T with MIUI 13/14.

You'll need:

  • πŸ–₯️ Computer with installed ADB Tools.
  • πŸ“± Xiaomi smartphone with enabled debugging USB (Settings β†’ The phone. β†’ Version. MIUI β€” Tap 7 times, then go back to Settings β†’ Additionally. β†’ For developers β†’ Debugging by USB).
  • πŸ“ Custom animation file in.zip format (can be downloaded on XDA create).

Step-by-step:

  1. Connect your smartphone to your PC and confirm the debugging permission.
  2. Open the command prompt (Windows) or terminal (macOS/Linux) in the folder with ADB.
  3. Enter the command to check the connection: Adb devices must appear serial number of your device.
  4. Download the animation file (for example, custom_charge.zip) file ADB.
  5. Execute the command to replace the system file: adb push custom_charge.zip /data/local/tmp/ adb shell su (if root is available) mount -o rw,remount /system cp /data/local/tmp/custom_charge.zip /system/media/bootanimation.zip chmod 644 /system/media/bootanimation.zip reboot

USB debugging enabled

Installed ADB Tools on PC

Downloaded animation file in format.zip

The smartphone is connected via the original cable (not USB-hub!)

-->

⚠️ Note: Some models (e.g. Xiaomi) 13 Ultra) the path to the animation file may be different: instead of /system/media/ use /product/media/. If the animation has not changed after the reboot, check the file access permissions with the ls command. -l /system/media/bootanimation.zip β€” they should be -rw-r--r--.

Method 3: Magisk modules for root users

If you have root rights (installed by Magisk), the process is simplified. There are ready-made modules that automatically replace charging animation without manually editing system files. This method is suitable for advanced users, as it requires an unlocked bootloader and a Magisk 25+ installed.

Popular modules for charging animation:

  • πŸ”„ MIUI Charging Animation Changer – Allows you to choose from 15+ pre-installed animations.
  • 🎨 BootAnimation Changer – Supports custom.zip files.
  • ⚑ FastCharge Animation – adds a β€œfast charging” effect with dynamic bandwidth.

How to install the module:

  1. Download the module file (.zip extension) from XDA or Telegram channels.
  2. Open the Magisk application β†’ Modules β†’ Install from storage.
  3. Select the downloaded file and confirm the installation.
  4. Reboot your smartphone.

On dynamic-area models (e.g. Xiaomi Mix Fold 3), some modules may conflict with the foldable-screen system animation. Check compatibility in the module description before installing.

Official MIUI themes

ADB without root

Magisk modules (with root)

Homemade animation

I haven't tried it yet.-->

Method 4: Creating your own charging animation

For those who want unique animations, you can create them yourself.

  • πŸ–ΌοΈ Animation software (such as Adobe After Effects or free Blender).
  • πŸ“¦ Archivator for packing in.zip (e.g, 7-Zip).
  • πŸ“ Knowing the resolution requirements: for Xiaomi with screen resolution 1080Γ—2400 animation should be 1080Γ—2400 pixel, 30 FPS, format PNG or JPG.

Instructions for establishment:

  1. Create animations that last 5-10 seconds (e.g., smooth battery filling).
  2. Export it to the frame folder (each frame is a separate file). frame_001.png, frame_002.png etc.).
  3. Create a desc.txt text file with a structure: 1080 2400 30 p 1 0 part0 where 1080 2400 is resolution, 30 is FPS, part0 is the name of the frame folder.
  4. Pack everything in the bootanimation.zip archive (without compression!).
  5. Install it via ADB or Magisk (see Methods 2 and 3).

πŸ’‘ Useful tip: To test animations before installing on your smartphone, use the Android emulator or the Boot Animation Preview app from Google Play.

Method 5: Alternative launchers with custom charging screens

If you don’t want to interfere with system files, you can use alternative launchers that replace the charging screen, such as Nova Launcher or Lawnchair, which allow you to install custom widgets that are displayed when you connect the charging.

How it works:

  • πŸ“² Install a launcher (like Nova Launcher) and make it the default launcher.
  • πŸ”§ In the launcher settings, find the charging screen or Widget section on the lock.
  • πŸ–ΌοΈ Select an animation widget (e.g., "Battery Widget Reborn" or "Charging Animation Widget").
  • 🎨 Customize the appearance: color, animation style, displayed information (percentage, time to full charge).

The advantage of this method is that it does not require root rights and is easy to roll back, but the animation will only be visible after unlocking the screen, not immediately when you connect the charger.

Which launchers support custom charging screens?
Full replacement of the charging screen is supported by: - Nova Launcher (via widgets) - Lawnchair 12 (experimental function in the developer settings) - Smart Launcher 6 (pro version only) - Before Launcher (specialized for lock customization) Please note that on MIUI 14+ some features may be limited due to Xiaomi policy.

Compatibility table with Xiaomi models

Not all methods work on all devices, and below is the compatibility table for popular models (data is up to June 2026):

ModelOfficial themesADB (no root)Magisk modulesCastom louncher
Xiaomi 13/13 Proβœ… Yes.βœ… Yes (way: /product/media/)βœ… Yes.βœ… Yes.
Redmi Note 12 Pro+βœ… Yes.βœ… Yes.βœ… Yes.βœ… Yes.
POCO F5βœ… Yes.⚠️ Partially (needs a patch for) MIUI 14)βœ… Yes.βœ… Yes.
Xiaomi 12Tβœ… Yes.βœ… Yes.❌ No (problems with Magisk 26)βœ… Yes.
Redmi 10Cβœ… Yes.❌ No (locked) /system)βœ… Yes.βœ… Yes.

⚠️ Note: On HyperOS devices (e.g. Xiaomi) 14) The paths to the system files may differ before the animation is replaced ADB Check the current folder structure with the adb shell ls command /system/media/.

Frequent Mistakes and How to Avoid Them

When replacing charging animations, users often face some problems, and here are the most common ways to solve them:

  1. The animation doesn't change after you install the theme. The reason is that the theme doesn't contain any animation files, only icons. Solution: Check the description of the theme for screenshots of the charging screen.
  2. After being replaced by ADB, the smartphone won't turn on, either because the file is not accessed correctly or because the.zip is damaged, so you can reflash the phone via Fastboot or restore the backup.
  3. The animation twitches or slows down. The reason: too high resolution or FPS. Solution: optimize animation to 30 FPS and your device's screen resolutions.
  4. The Magisk module is not used. The reason is a conflict with other modules or an outdated version of Magisk. Solution: Update Magisk and disable other modules before installation.

If after replacing the animation, the smartphone began to overheat or discharge quickly, return the standard bootanimation.zip file. On some models (for example, Redmi K50 Gaming), custom animations increase the load on the processor, which leads to increased power consumption.

πŸ’‘

Before any manipulation of system files, back up your device via TWRP or MIUI Backup, which will allow you to quickly restore the device to work in the event of a failure.

Can I get back the standard charging animation?
Yes. If you changed it through ADB, repeat the process with the original bootanimation.zip file (you can download it for your model on Xiaomi Firmware Updater). For Magisk, just delete the module in the application. If you used the theme, apply the standard theme in the settings.
Why did the animation drop after the MIUI update?
MIUI updates often overwrite system files, including animations. To avoid this, use Magisk modules with update protection (for example, "MIUI Anti-Rollback"). You can also create a task in Tasker that will automatically apply your animation after the update.
Does replacing animation with Xiaomi with HyperOS work?
On HyperOS (e.g. Xiaomi) 14, Redmi K70) Most methods work, but the paths to the files may differ. For example, charging animations can now be stored in the file. /vendor/overlay/ or /my_product/media/. Before replacing, check the folder structure through the adb shell.
How to make an animation charging with music?
Add sound to the charging animations only through Magisk modules (e.g., "BootAnimation with Sound"). Note that on some models (POCO X5 Pro) the sound may be played with a delay due to the optimization of MIUI power consumption.
Is it safe to change animations to new Xiaomi?
On 2023-2026 devices (Xiaomi 13T, Redmi Note 13 Pro+), replacing animations via ADB or Magisk can trigger Anti-Rollback (Firmware rollback protection).This does not "brick" the device, but can block the possibility of rollbacks to the old version of MIUI.