Preloaders world

Loading loading GIF and APNG animation

x
Animate all Stop animations
Loading progress Loading progress
Loading progress
Loading progress.
20 Fr
220x25
Three blocks Three blocks
Three blocks
Three blocks with passing pulse.
12 Fr
128x40
Fading blocks Fading blocks
Fading blocks
Fading blocks with passing wave.
8 Fr
128x88
Window wipers Window wipers
Window wipers
A window wiper moving on a glass.
18 Fr
128x62
Speaker Speaker
Speaker
A speaker with sonic waves.
15 Fr
128x128
Moving blocks Moving blocks
Moving blocks
Blocks moving from place to place.
24 Fr
128x128
Rounded stripes Rounded stripes
Rounded stripes
Rounded moving stripes.
18 Fr
220x25
Balls line Balls line
Balls line
A line of moving balls from right to left.
37 Fr
220x20
Dutch windmill Dutch windmill
Dutch windmill
A dutch windmill with spinning vanes.
20 Fr
128x128
Percentage loaded Percentage loaded
Percentage loaded
Percentage loaded from 0 to 100%.
39 Fr
128x54
Windows8 loader Windows8 loader
Windows8 loader
Windows 8 loader - rolling balls.
75 Fr
128x128
Photo camera Photo camera
Photo camera
A photo camera with patches of flash light.
19 Fr
128x113
Motorbike Motorbike
Motorbike
A motorbike driving form left to right.
17 Fr
180x30
Christmas tree Christmas tree
Christmas tree
A Christmas tree - spring.
23 Fr
128x93
Cat licking paw Cat licking paw
Cat licking paw
A silhouette of a sitting cat,which licks paw.
19 Fr
128x103
Dancing kitty Dancing kitty
Dancing kitty
A lovely dancing kitty.
41 Fr
128x102
Magic stars Magic stars
Magic stars
Falling magic stars.
21 Fr
128x128
Upload Upload
Upload
Upload - an arrow moving up.
20 Fr
128x128
Pulsating engine Pulsating engine
Pulsating engine
Pulsating engine - a spinning gear with pulsating point.
18 Fr
128x128
Film Film
Film
A film with countdown from old movie.
45 Fr
128x100
Shopping cart Shopping cart
Shopping cart
Animated shopping car.
8 Fr
128x128
Calculator Calculator
Calculator
Operating calculator.
15 Fr
88x128
Thin stripes Thin stripes
Thin stripes
Thin stripes moving from left to right.
10 Fr
212x13
Downloading Downloading
Downloading
Downloading - an arrow moving down.
20 Fr
128x128
x
Water dripping Water dripping
Water dripping
Water dripping from tap.
16 Fr
59x128
Error Error
Error
Error - an exclamation mark in a triangle.
22 Fr
128x101
Angry smile Angry smile
Angry smile
Animated 3D smiley Angry smile.
20 Fr
128x128
Internet Internet
Internet
Internet - a spinning Earth with light arrows.
30 Fr
128x128
Angry with tongue Angry with tongue
Angry with tongue
Animated 3D smiley Angry with tongue.
20 Fr
128x128
Bad idea Bad idea
Bad idea
Animated 3D smiley Bad idea.
20 Fr
128x128
Concentrated Concentrated
Concentrated
Animated 3D smiley Concentrated.
20 Fr
128x128
Concentrating Concentrating
Concentrating
Animated 3D smiley Concentrating.
20 Fr
128x128
Crying Crying
Crying
Animated 3D smiley Crying.
20 Fr
128x128
Curious Curious
Curious
Animated 3D smiley Curious.
20 Fr
128x128
Dead Dead
Dead
Animated 3D smiley Dead.
20 Fr
128x128
Dead angry Dead angry
Dead angry
Animated 3D smiley Dead angry.
20 Fr
128x128
Devil Devil
Devil
Animated 3D smiley Devil.
23 Fr
128x128
Do not like Do not like
Do not like
Animated 3D smiley Do not like.
20 Fr
128x128
Dreaming Dreaming
Dreaming
Animated 3D smiley Dreaming.
20 Fr
128x128
Enjoying Enjoying
Enjoying
Animated 3D smiley Enjoying.
20 Fr
128x128
Ecstatic Ecstatic
Ecstatic
Animated 3D smiley Ecstatic.
20 Fr
128x128
Extremely angry Extremely angry
Extremely angry
Animated 3D smiley Extremely angry.
20 Fr
128x128
Extremely scared Extremely scared
Extremely scared
Animated 3D smiley Extremely scared.
20 Fr
128x128
Fake innocent Fake innocent
Fake innocent
Animated 3D smiley Fake innocent.
20 Fr
128x128
Guilty Guilty
Guilty
Animated 3D smiley Guilty.
20 Fr
128x128
Happy Happy
Happy
Animated 3D smiley Happy.
20 Fr
128x128
Happy-n-high Happy-n-high
Happy-n-high
Animated 3D smiley Happy-n-hign.
20 Fr
128x128
Happy with tongue Happy with tongue
Happy with tongue
Animated 3D smiley Happy with tongue.
20 Fr
128x128
Animate all Stop animations
Loading content. Please wait...
Type in your word, number or letter
Maximum length: 30 symbols
Word to animate
APNG browser test
A button corresponds to the image type you need to generate (GIF - Animated GIF, APNG - Animated PNG format).

Note: .GIF format supports only absolute transparency or no transparency at all. Therefore, when you select the GIF format and set background to transparent you will still be able to set a background color that will fill the back layer of semi-transparent parts of your image.
Image type
Set the background of a preloader to transparent.

For GIF images all semi-transparent pixels will be in front of the selected background color.
Transparent background
The color of the preloader itself
Foreground color
The background color of a preloader.

All transparent pixels will be filled with the given background. If "Use environment colors" function is used, the pixels that are converted to semi-transparent will be filled with the selected background color with the respective foreground color amount
Background color
Identifies the interval of time between frames switching. The closer the slider is to + the faster the animation goes and vise versa.
Animation speed
Denotes width and height of a preloader in pixels. The default best quality maximum size of each image is set when selected from the list.

In order for the image to have proportional width and height, check the "Constrain proportions" box and it will change the other parameter in regards to the entered one.

If you want to get back to the original size of the image, click on the "Reset sizes" link under "Preloader size" title.
Preloader size (px)
Width
Height
This feature allows to generate preloaders with the default coloring scheme provided.

"Use environment colors" and "Foreground color" options are disabled when this feauture is used.
Keep original colors
Additional download options


Inverts the colors of a preloader.

The algorithm works in regards to RGB invertion scheme
Invert colors
Flips images vertically and/or horizontally.

Note that some images are not affected by this feature as they may be absolutely symmetric in respect to center point
Flip image
Make the background color reflect in the preloader image.

This feature is disabled when "Keep original colors" option is on
Use environment colors
Set the sequence of preloader frames in reverse order, so animation goes backwards if the option is selected
Reverse animation
The total amount of frames in the generated image.

It's advised to reduce frames amount by 4, 8, 16 and so on, otherwise it may negatively affect the animation quality
Frames amount
Having set this option you will get your preloaders generated automatically 2 seconds after you change parameters.

Generate automatically
Why not free? Unlimited yearly subscription ($45)
Generating...
x