Skip to content

feliperohdee/wasm-countdown-gif-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฌ WASM Countdown GIF Generator

Generate beautiful, animated countdown GIFs for your websites and applications using WebAssembly, Go, and Cloudflare Workers! This powerful tool creates customizable countdown animations in various styles and languages.

๐ŸŽฅ Live Demos

Default Style (Rounded)

Default Countdown

Rounded with Custom Colors

Green Countdown

Rounded Dots Style

Dots Style

Rounded Ticks Style

Ticks Style

Basic Style

Basic Style

Different Languages

English

German

Portuguese

Spanish

Russian

French

โœจ Features

  • ๐ŸŽจ Multiple countdown styles:

    • rounded: Clean circular progress indicators
    • rounded-ticks: Modern tick-based circular display
    • rounded-dots: Elegant dot-based circular display
    • basic: Simple text-based countdown
  • ๐ŸŒˆ Customizable colors for background and text

  • ๐ŸŒ Support for 30+ languages

  • โšก Lightning-fast performance with WebAssembly

  • ๐Ÿ”„ Configurable animation frames

  • ๐ŸŒ GMT offset support

  • ๐Ÿ’พ Built-in caching with Cloudflare Workers

๐Ÿš€ Quick Start

Simply make a GET request to your worker's URL with your desired parameters:

https://countdown.simpleimg.io/?date=2026-01-01&kind=rounded&color=00ff00

๐ŸŽฎ URL Parameters

Parameter Description Default Example
date Target date for countdown 2025-01-01 2024-12-31
kind Animation style rounded rounded-dots
color Text/progress color (hex) fff 00ff00
background Background color (hex) 000 333333
frames Number of animation frames (1-60) 10 30
lang Language code en es
gmt GMT offset in hours 0 -3

๐Ÿ–ผ๏ธ Style Examples

Rounded (Default)

<img src="https://countdown.simpleimg.io/?date=2026-01-01" alt="Rounded Countdown" />

Rounded Dots

<img src="https://countdown.simpleimg.io/?date=2026-01-01&kind=rounded-dots" alt="Dots Countdown" />

Rounded Ticks

<img src="https://countdown.simpleimg.io/?date=2026-01-01&kind=rounded-ticks" alt="Ticks Countdown" />

Basic

<img src="https://countdown.simpleimg.io/?date=2026-01-01&kind=basic" alt="Basic Countdown" />

๐ŸŒ Supported Languages

  • English (en)
  • Spanish (es)
  • French (fr)
  • German (de)
  • Portuguese (pt)
  • Chinese (zh)
  • Japanese (ja)
  • Korean (ko)
  • Russian (ru)
  • And many more!

๐Ÿ› ๏ธ Development Setup

  1. Clone the repository:
git clone https://github.com/yourusername/wasm-countdown-gif
cd wasm-countdown-gif
  1. Install dependencies:
go mod download
npm install
  1. Build the WebAssembly:
GOOS=js GOARCH=wasm go build -o main.wasm
  1. Deploy to Cloudflare Workers:
wrangler publish

โš™๏ธ Architecture

  • main.go: Core Go code compiled to WebAssembly
  • worker.js: Cloudflare Worker entry point
  • fonts/: Embedded font files
  • Built with:
    • Go's image package for GIF generation
    • gg library for graphics
    • WebAssembly for browser execution
    • Cloudflare Workers for hosting and caching

๐Ÿ“ Example Usage

Basic Countdown

<img src="https://countdown.simpleimg.io/?date=2026-01-01" alt="Countdown" />

Custom Styled Countdown

<img src="https://countdown.simpleimg.io/?date=2026-01-01&kind=rounded-dots&color=00ff00&background=333333&frames=30&lang=es" alt="Countdown" />

๐Ÿ™ Acknowledgments

โญ Show Your Support

Give a โญ๏ธ if this project helped you!

๐Ÿ‘จโ€๐Ÿ’ป Author

Felipe Rohde

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages