Giffium

by cmgriffing

  • About
  • Source
Login/Signup

px
px
px

px
px

px
Enter the code snippets you would like to diff

Start Code


import { render } from "solid-js/web";

function Counter() {
  return <div>Count: 0</div>;
}

render(() => <Counter />, document.getElementById('app'));

End Code


import { render } from "solid-js/web";
import { createSignal } from "solid-js";

function Counter() {
  const [count, setCount] = createSignal(0);
  setInterval(() => setCount(count() + 1), 1000);
  return <div>Count: {count()}</div>;
}

render(() => <Counter />, document.getElementById('app'));

Welcome to Giffium

Create and share beautiful gifs of your source code diffs.

Get started by following these steps.

  1. Enter your start and end code snippets.
  2. Select the theme and language.
  3. Click the Next button to preview your snippet animation.
  4. Click the Generate button to generate a gif.

You can also log in with GitHub to save your snippets.