8bit Portal Transition

An interactive retro 8-bit fast-travel CTA. Click the pixel portal to trigger a traveling state that pulses the artwork, swaps the badge and button labels, and disables the primary action. Built on the 8bit badge and button primitives.

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

import PortalTransition from "@/components/ui/8bit-portal-transition";

export default function Demo() {
  return (
    <div className="retro">
      <PortalTransition />
    </div>
  );
}