hover blocks

A blue “HOVER” button that, on hover, animates into a black-and-white theme while changing its text to the word “WORLD” in a dynamic transition.

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

import { Component } from "@/components/ui/hover-blocks";

export default function DemoOne() {
  return <Component />;
}