the 8gifs bookmarklet

gif anything from any tab

One link on your bookmarks bar. Wherever you are - x.com, YouTube, anywhere - click it and an 8gifs panel opens right on the page, with the source already detected. One more click and the AI draws.

install - one drag

Drag this button to your bookmarks bar. That is the whole install.

Click it on any page and a small 8gifs panel appears right there - bottom-right corner, your source already detected, a steer box and a grid picker. Generate without leaving the tab, preview the sheet in the panel, then open the full editor when you are happy. Click the bookmarklet again to hide the panel.

no bookmarks bar? / prefer to paste it yourself

Chrome: press Ctrl+Shift+B (Cmd+Shift+B on Mac) to show the bar. Or add any bookmark, edit it, and paste the code below as the URL.

what it grabs, by page

  • tweeton a post page - the exact tweet URL, with your selection as the steer
  • profileon an x.com profile - the handle, avatar and posts get read
  • youtubethe video URL with its timestamp - the scene lands where you are watching
  • selectionanywhere - selected text becomes the idea, on any site
  • other pagethe page URL - websites get screenshotted, image links are read directly

example: click the bookmarklet on a tweet - the panel opens with the tweet detected - add a steer line like "pixel-art style, running loop" and press generate gif. the preview lands in the panel; open in editor finishes the job.

pick element - presets - grid

  • pick element.In the panel, press "pick element", then click anything on the page - a tweet card, an avatar, a product tile. The element is captured as a real screenshot: its HTML is rasterized on our side with html2canvas-pro (handles modern CSS colors), so everything visible inside - images, text layout, icons - ends up in the visual source. The panel status line shows what was picked; the popup shows the exact PNG before you spend anything.
  • presets. After generate opens the 8gifs window, pick a preset there (dance, moonwalk, coffee sip...) from the searchable dropdown or type your own steer. Presets live in the window because host-page CSP (x.com and friends) blocks the panel from loading anything cross-origin - the window runs on our origin where nothing is blocked.
  • grid. 4x4 / 5x5 / 6x6 chips set the sprite sheet layout before generating.

safe? limits?

  • runs only in your browser. It reads the page URL and your text selection and injects the panel. It never touches your x.com session, cookies or tokens - it cannot read anything you could not already see. The panel talks only to 8gifs.com.
  • auditable in 10 seconds. The full source is the one-liner above. No obfuscation - its only network calls go to 8gifs.com, the same public API the site itself uses.
  • same limits as the site. It calls the same public API everyone else uses: 5 generations per minute, 50 per hour per IP, with automatic blocking past that. A bookmarklet is a convenience, not a bypass.

good to know

  • csp note. x.com (and most big sites) whitelist which hosts a page may fetch, so the panel never calls our API itself. It hands your inputs to a small 8gifs.com popup (allow popups), which runs the generation on our origin and shows the finished sheet. The CORS headers on the generation API serve tools outside the browser.
  • right-click menu?Not possible for bookmarklets - browsers only allow custom context-menu items to Chrome extensions. If the bookmarklet sticks, a tiny "gif this - 8gifs" extension (right-click on any image or link) is a natural next step.
  • generate. The generate button opens a small 8gifs popup that runs the whole flow - read source, draw sheet, preview, open in editor - while your original page stays untouched.
  • keyboard? Chrome does not let bookmarklets bind global shortcuts. Click the bar item - then press generate in the panel.
  • mobile? Bookmarklets are a desktop thing - mobile browsers hide the bookmarks bar. On your phone, install the PWA from the home page instead.

8gifs.com - gif anything.

AutomatioBuilt with