🐱
🐾

Catnip

A code editor where hand-drawn cats live inside your UI. They chase your cursor, hang off your buttons, and hiss at your bugs.

scroll down, the cats are waiting
1

A cat runs across your screen

You're deep in a function. Suddenly, a pencil-sketch cat dashes across your editor, leaps over a closing bracket, and disappears off the edge. You didn't ask for it. You didn't need it. But you smiled.

2

One hangs off your Run button

A tiny sketched cat grips the edge of your submit button with both paws, dangling there like it's holding on for dear life. You click Run anyway. The cat swings, then scurries away.

function deployToProduction() {
  // a cat is hanging off this button right now
  return confidence * hope;
}
3

They play with your cursor

Move your mouse slowly. A cat peeks out from behind a div, eyes locked on your cursor. Move it fast and the cat pounces. Leave it still, and the cat gets bored, yawns, and walks away.

4

Bugs make them hiss

Syntax error on line 42? A cat arches its back at the red squiggly. Fix the error and the cat settles down, curling up next to your clean code like it was always meant to be there.

Why cats in a code editor?

✏️

Pencil-sketch style

Every cat is hand-drawn. Not pixel art. Not 3D renders. Sketchy, wobbly, alive. Like notebook doodles that escaped.

🎲

Random surprises

Cats appear when you least expect them. Never the same moment twice. The editor stays fresh because you never know what's coming.

⌨️

Real code editor

Syntax highlighting, multiple languages, the works. This is a functional editor first. The cats are the personality, not a gimmick replacing features.

🧠

Context-aware cats

Cats react to YOUR code. Errors trigger hisses. Clean builds get purrs. Long sessions get a cat nap in the corner. They pay attention.

"Code editors have syntax themes and font choices. But none of them have ever made you smile mid-debug."

Catnip is being built right now. The cats are stretching.