Peek Blob

Heroes 1

About

A shy glowing blob peeks over a ledge. Its egg eyes trail your cursor with springy lag, it blinks and breathes softly, and it ducks when you tap it.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Peek Blob to your project and fits it to your theme.

Code

How Peek Blob is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import * as React from "react";
import { PeekBlob } from "@/components/ui/peek-blob";

/** The glowing character peeking over its ledge. Move the pointer and it watches you; click or tap and it ducks, then pops back up. */
export default function PeekBlobDemo() {
  return (
    <main className="relative h-screen min-h-[340px] w-full overflow-hidden" style={{ backgroundColor: "#f1f1f1" }}>
      <PeekBlob style={{ width: "100%", height: "100%" }} />
    </main>
  );
}