git404hub

what is wigglegram-synthetic fr?

eyeohdice/wigglegram-synthetic — explained in plain English

Analysis updated 2026-05-18

2HTMLAudience · vibe coderComplexity · 2/5LicenseSetup · easy

tl;dr

Synth Wiggle turns a single photo, or an uploaded 3D Gaussian splat, into an animated wigglegram with parallax motion, running entirely in the browser with no backend.

vibe map

mindmap
  root((Synth Wiggle))
    What it does
      Photo to wigglegram
      Depth estimation
      Splat 3D orbit
      GIF and video export
    Tech stack
      Three.js
      Tweakpane
      gif.js
      Transformers.js
    Use cases
      Parallax animations
      Splat visualization
      Custom depth maps
    Runs
      Fully in browser
      No backend
      No build step

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Turn a single photo into a looping parallax wigglegram GIF or video without installing anything.

VIBE 2

Upload a .ply Gaussian splat to get a sharper, real 3D camera orbit around a scene.

VIBE 3

Supply a custom grayscale depth map for more control over the parallax effect.

what's the stack?

JavaScriptThree.jsTweakpanegif.jsTransformers.js

how it stacks up fr

eyeohdice/wigglegram-synthetic100/talk_stockalexcybernetic/playground-ai
Stars222
LanguageHTMLHTMLHTML
Last pushed2022-03-24
MaintenanceDormant
Setup difficultyeasymoderateeasy
Complexity2/53/51/5
Audiencevibe codergeneralgeneral

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Just open index.html in a browser, no install or server required.

MIT license: use freely for any purpose, including commercial use, as long as you keep the copyright notice.

in plain english

Synth Wiggle turns a single photo into an animated wigglegram, a short looping clip that appears to shift in three dimensions as if the camera were rocking side to side. Everything runs directly in your browser, and the README states it does not access or store your data anywhere else. There are two ways to use it. The simple path is to upload a regular photo, and the tool automatically estimates depth using a model called Depth Anything V2, running entirely in the browser, then generates a looping GIF or video with orbit, parallax, or warp motion based on that depth estimate. The more advanced path is to upload a .ply Gaussian splat file instead, a kind of 3D point-cloud representation, which lets Synth Wiggle sweep a real 3D camera around the scene, producing sharper and more convincing parallax than a 2D depth map can approximate. When working with a splat, you can click anywhere on it to re-center the orbit on that point, or unlock free rotation to find the framing you want before locking it back in for export. You can also supply your own custom grayscale depth image instead of relying on the automatic estimate, and export the final result as a GIF, MP4, or WebM at whatever resolution you choose. Using it is as simple as downloading the project and opening index.html in a browser, then uploading a source image or splat, adjusting the motion and output settings, and hitting Generate. Synth Wiggle does not create the .ply splat files itself, it points to two external tools, one that runs fully in the browser via WebGPU and one hosted on Hugging Face, both built on Apple's ml-sharp model for turning a single photo into a 3D splat. The project is built with Three.js, a Gaussian splat rendering library, Tweakpane for its controls, gif.js for GIF export, and an in-browser transformers library for depth estimation, requiring no build step or backend. It is released under the MIT license.

prompts (copy fr)

prompt 1
Explain the difference between Synth Wiggle's image-to-depth path and its splat-to-3D-orbit path.
prompt 2
How do I generate a .ply Gaussian splat to use with Synth Wiggle using ml-sharp?
prompt 3
Walk me through opening Synth Wiggle's index.html and generating my first wigglegram.
prompt 4
What export formats and resolutions does Synth Wiggle support?

Frequently asked questions

what is wigglegram-synthetic fr?

Synth Wiggle turns a single photo, or an uploaded 3D Gaussian splat, into an animated wigglegram with parallax motion, running entirely in the browser with no backend.

What language is wigglegram-synthetic written in?

Mainly HTML. The stack also includes JavaScript, Three.js, Tweakpane.

What license does wigglegram-synthetic use?

MIT license: use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is wigglegram-synthetic to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is wigglegram-synthetic for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.