Advanced GIF & Image Tool Suite

Convert HTML to Animated GIF

Create animated GIFs from your HTML content with custom animations and interactions.

Recording Settings

GIF Width:

Total Frames:

Frame Interval:

HTML Editor

<div class="kashizy-ad" style="text-align: center; padding: 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 20px; font-family: 'Arial', sans-serif; max-width: 500px; margin: 0 auto; box-shadow: 0 15px 35px rgba(0,0,0,0.2); position: relative; overflow: hidden;">
    
    
    <div style="position: absolute; top: -50px; right: -50px; width: 100px; height: 100px; background: rgba(255,255,255,0.1); border-radius: 50%; animation: float 3s ease-in-out infinite;"></div>
    <div style="position: absolute; bottom: -30px; left: -30px; width: 80px; height: 80px; background: rgba(255,255,255,0.1); border-radius: 50%; animation: float 4s ease-in-out infinite reverse;"></div>
    
    <div style="position: relative; z-index: 2;">
        
        <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 15px; margin-bottom: 25px; backdrop-filter: blur(10px);">
            <h1 style="font-size: 2.2rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">🎉 Kashizy</h1>
            <p style="font-size: 1.1rem; margin-bottom: 0; opacity: 0.9; font-weight: 500;">Cashbacks Everywhere You Go!</p>
        </div>
        
        
        <div style="font-size: 2.8rem; margin: 25px 0; font-weight: bold; background: rgba(255,255,255,0.2); padding: 15px; border-radius: 15px; display: inline-block; min-width: 120px;">
            <span id="counter" style="display: inline-block; transition: all 0.3s ease;">0</span>
        </div>
        
        
        <button onclick="incrementCounter()" style="padding: 15px 35px; background: linear-gradient(45deg, #FF6B6B, #4ECDC4); color: white; border: none; border-radius: 30px; font-size: 1.1rem; font-weight: bold; cursor: pointer; transition: all 0.3s; box-shadow: 0 6px 20px rgba(0,0,0,0.2); margin: 15px 0;">
            💰 Click to Earn Cashback
        </button>
        
        
        <div style="display: flex; justify-content: center; gap: 20px; margin-top: 30px; flex-wrap: wrap;">
            <div style="text-align: center; background: rgba(255,255,255,0.15); padding: 15px; border-radius: 12px; min-width: 100px; backdrop-filter: blur(5px);">
                <div style="font-size: 1.8rem; margin-bottom: 5px;">🛍️</div>
                <div style="font-size: 0.8rem; font-weight: 600;">1000+ Stores</div>
            </div>
            <div style="text-align: center; background: rgba(255,255,255,0.15); padding: 15px; border-radius: 12px; min-width: 100px; backdrop-filter: blur(5px);">
                <div style="font-size: 1.8rem; margin-bottom: 5px;">⚡</div>
                <div style="font-size: 0.8rem; font-weight: 600;">Instant Rewards</div>
            </div>
            <div style="text-align: center; background: rgba(255,255,255,0.15); padding: 15px; border-radius: 12px; min-width: 100px; backdrop-filter: blur(5px);">
                <div style="font-size: 1.8rem; margin-bottom: 5px;">💰</div>
                <div style="font-size: 0.8rem; font-weight: 600;">20% Cashback</div>
            </div>
        </div>
        
        
        <div style="margin-top: 25px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.2);">
            <p style="font-size: 0.9rem; opacity: 0.8; margin: 0;">Join thousands of happy users!</p>
        </div>
    </div>
</div>

Live Preview

💡 Tip: Click the button multiple times during recording to create animations!

Recording Frames...

Ready to start recording...

✅ GIF Ready for Download!

Preview your GIF above. If it looks good, download it!

Image Resize Tool

Upload and resize your images to any dimensions while maintaining quality.

📁

Click to Upload Image

or drag and drop your image here

Width (px)

Height (px)

Small

500 × 300

Medium

800 × 600

Large

1024 × 768

HD

1920 × 1080

Original Image

No image uploaded

Resized Image

Resized image will appear here

Custom GIF Creator

Upload multiple images to create a custom animated GIF with your preferred settings.

🖼️

Click to Upload Images

Select multiple images to create a GIF (2-10 images recommended)

GIF Settings

Frame Delay (ms):

Loop:

Width:

No frames uploaded yet

Frames Preview

Upload images to see preview

Generated GIF

Generated GIF will appear here

Creating GIF...

Processing frames...