<x-gif> The GIF tag the internet deserves View source on GitHub

Or choose your own. Be sure to choose a server with permissive CORS headers, e.g. imgur

Normal playback

Something not look right? Post an issue on GitHub with the URL of the image

<x-gif src="{{ trustedUrl() }}"></x-gif>

Ping-pong

<x-gif src="{{ trustedUrl() }}" ping-pong></x-gif>

N-times

Restart

<x-gif src="{{ trustedUrl() }}" n-times="{{ gif.nTimes }}"{{ nTimesIsStopped() }}></x-gif>

Speed

{{ gif.speed }} <x-gif src="{{ trustedUrl() }}" speed="{{ gif.speed }}"></x-gif>

BPM

{{ gif.bpm }} <x-gif src="{{ trustedUrl() }}" bpm="{{ gif.bpm }}"></x-gif> <x-gif src="{{ trustedUrl() }}" bpm="{{ gif.bpm }}" snap></x-gif>

Synced to Audio

Stop-start

<x-gif src="{{ trustedUrl() }}" stopped></x-gif>

Exploded

<x-gif src="{{ trustedUrl() }}" exploded></x-gif>

{{ gif.nTimes }}

Explode the gif into its component frames (handy for debugging)