Md afsar mahmud

tech-curosr

Component 180

About

stylish following tech cursor component for modern UIs, built with accessibility and animation in mind.

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

Code

How tech-curosr is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import React from "react";
import TechCursor from "@/components/ui/tech-curosr";

const TechCursorDemo = () => {
  return (
    <>
      <p className="text-3xl text-center pt-4 text-[#3ca2fa] font-bold">
        Move cursor to see the effect.
      </p>
      <TechCursor />
    </>
  );
};

export default TechCursorDemo;

More by Md afsar mahmud

View all
  • Hover  Footer

    Hover Footer

    1.3K
  • banner

    banner

    342
  • counter loader

    counter loader

    264
  • gradient text

    gradient text

    13
  • gradient button

    gradient button

  • gradient hero

    gradient hero

  • glowing card

    glowing card