A TypeScript library for reading, writing, and manipulating GIF images
- 🎨 Complete GIF Support: Full support for GIF87a and GIF89a specifications
- 🖼️ Frame Management: Create and manipulate multi-frame animated GIFs
- 🎯 Precise Control: Fine-grained control over frame delays, disposal methods, and transparency
- 🌈 Color Tables: Support for both global and local color palettes
- 🔄 Animation: Full control over animation loops and timing
- 💪 Typed: Written in TypeScript with full type safety
- ⚡ Efficient: Optimized for performance with minimal memory footprint
- 🧰 Simple API: Easy-to-use interface for both basic and advanced GIF operations
npm install ts-gif
# bun i ts-gif
import { Reader, Writer } from 'ts-gif'
// Reading a GIF
const reader = new Reader(buffer)
console.log(`Dimensions: ${reader.width}x${reader.height}`)
console.log(`Number of frames: ${reader.numFrames()}`)
// Writing a GIF
const writer = new Writer(buffer, width, height, {
palette: globalPalette,
loop: 0 // 0 = loop forever
})
// Add frames
writer.addFrame(0, 0, width, height, pixelData, {
delay: 100, // 100ms delay
disposal: 2, // Clear frame before next
transparent: null
})
// Finalize the GIF
writer.end()
bun test
Please see our releases page for more information on what has changed recently.
Please see CONTRIBUTING for details.
For help, discussion about best practices, or any other conversation that would benefit from being searchable:
For casual chit-chat with others using this package:
Join the Stacks Discord Server
Stacks OSS will always stay open-sourced, and we will always love to receive postcards from wherever Stacks is used! And we also publish them on our website.
Our address: Stacks.js, 12665 Village Ln #2306, Playa Vista, CA 90094, United States 🌎
Thanks to Dean McNamee for the original omggif
library.
We would like to extend our thanks to the following sponsors for funding Stacks development. If you are interested in becoming a sponsor, please reach out to us.
The MIT License (MIT). Please see LICENSE for more information.
Made with 💙