Heartbeat GIF Maker
Your image pulses in place, swelling about a fifth larger, then shrinking back, once per loop.
Filters
About the Heartbeat animation
Your picture pulses in place, smoothly growing to about 20 percent larger than normal, shrinking to about 20 percent smaller, and returning to its starting size once per loop. It suits hearts, logos, stickers, notification badges and 'live' indicators, and works well as a small Discord or Slack emote. Speed it up for a real heartbeat feel or slow it down for a calm breathing motion.
Good for: Pulsing hearts, Breathing logos, Live badges
How to make a Heartbeat GIF
- Upload an image above (JPG, PNG, GIF or WebP), or start with the sample image that is already loaded.
- The Heartbeat animation is selected for you. Adjust the size, speed and total frames, and add filters if you want them.
- Click Download Gif. The GIF is made in your browser and saved to your device. Unless you tick Private first, the GIF and your picture are also uploaded to create a share link.
Best Heartbeat settings
- Frames: about 24. Two pulses per loop at this count, which is the lub-dub rhythm people expect.
- Speed: 20 to 30 fps. A resting heart rate; slower reads as breathing.
Works best on: love stickers, reaction GIFs, and anything with a heart in it.
Watch out: Zooming in far enough that the swell clips the canvas edge on the big beat.
Heartbeat GIF questions
- How do I make a pulsing heart GIF?
- Upload the image, keep Heartbeat selected, and click Download Gif. It grows to about 20 percent larger, shrinks to about 20 percent smaller, and returns to size once per loop. About 24 frames at 20 to 30 fps gives the two-pulse lub-dub rhythm.
- How do I turn the heartbeat into a slow breathing loop?
- Lower Speed. Below 20 fps the swell reads as breathing rather than a heartbeat, which suits calm logos and live badges.
- Why is the big beat clipped at the edge?
- The swell needs room. Zoom out a little so the largest beat stays inside the canvas.
Related animations
More waves, wobbles and distortion: Blur, Expanding Balloon, Float, Shockwave. Or something different: Blink, Yin Yang. Or browse the example gallery.3D Gif Maker is a free online GIF maker: turn your images into animated gifs in seconds
Simply upload an image, pick an animation style, tweak the parameters, apply filters, and download a gif.
Upload Image
Select an image (jpeg, png, gif) to upload.Animation
Choose any animation type from the drop-down menu. Play around!Size
Change the size your downloaded GIF will be. If it's larger than the viewfinder, just hover your mouse! Larger gifs will take longer to make, be patient!Speed
This decides how "fast" your GIF will move. Less speed = less frames per second & more speed = more frames per second. The GIF file format is limited to a maximum of 50fps, and does some rounding so your preview might not look exactly like the downloaded gif. For more info check out this 10 FPS GIF smoothness guide.Frames
This can help make it look "smoother" (it can also add a lot to your file size). Play around with the slider, you can't permanently break it!Filters
You can toggle from a selection of filters including, grayscale, pixelation, mirror, ghost trail, motion blur, trippy, invert colors and more!Background
Upload a background image. For transparent background, click the "Transparent" box below (note: this will override any uploaded background image).Download
Click the "Download Gif" button.Note: Download will *not* work within the Instagram or Facebook App, we are looking for a work around. In the meantime you can just visit the website on your phone's browser app (chrome, safari) and download will work.
You can adjust the axis view on desktop by clicking and dragging your mouse on the animation. To zoom in, hover over the animation and use your scroll wheel.
3D model generation powered by Stability AI's SPAR3D model. Check out the source code and license.
Popular Animations
Every animation has its own page: 360 Spin, Explode, Glitch, Horiz. Rotating Cube, Rotating Sphere, Heartbeat, Vertical Wave, Zoom, Content Aware Scale, Pyramid, Top To Bottom Scroll, Five by Five, Front Flip, Swirl, and many more in the example gallery. You can easily make Slack emotes and rotating logos and icons.Popular GIF Tools
Try Video to GIF, GIF From Images, Add Text to GIF, Crop a GIF, Resize a GIF, Optimize a GIF, Filter a GIF, Reverse a GIF, Change GIF Speed, and OBJ File to GIF.Popular Video Tools
Edit clips with Video Editor, Video to MP4, Trim Video, Crop Video, Resize Video, Add Text to Video, Optimize Video, Mute Video, and Add Image to Video.Image Converters
Convert between image formats without uploading anything: PNG to JPG, JPG to PNG, WebP to JPG, WebP to PNG, PNG to WebP, JPG to WebP, AVIF to JPG, and PNG to ICO. Each one decodes and re-encodes your image in the browser.PDF Tools
Work with documents in your browser too: JPG to PDF, PDF to JPG, Merge PDF, Split PDF, and Rotate PDF. The PDF tools run entirely in your browser, so the documents never leave your device.If you enjoy the site, consider joining our Patreon We will also try to do our best to create animation options of your choosing :)
You can also share your creations our leave us comments and suggestions on our subreddit: 3D Gif Maker subreddit. We are always adding new features and want to hear from our users. Let us know of any bugs too.
Check out our other project, it's a celebrity death year guessing game: When They Died
Thank you Barney some of our shaders, check out his youtube channel Barney Codes.
Shout out to Ted Davis for his glitch library: (https://p5.glitch.me License)
Shout out to Ted Davis for his glitch library: (https://p5.glitch.me License)