Jod

Tubes Curor

Heroes 1.1K

About

A fullscreen WebGL cursor animation built with Three.js that renders animated colorful tube trails and reactive lights; click to randomize tube and light colors. Ideal as an interactive hero background or pointer effect for landing pages and portfolios

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

Code

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

Usage.tsx

import TubesCursor from "@/components/ui/tubes-curor";

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

More by Jod

View all
  • Slideshow

    Slideshow

    740
  • AccordionSlider

    AccordionSlider

    2
  • Button Primary

    Button Primary

  • Glass Nav Bar

    Glass Nav Bar

More in Heroes

View all
  • SaaS Template

    SaaS Template

    2.4K
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Hero

    Hero

    1.2K
  • Centered Hero with Image Fan

    Centered Hero with Image Fan

    931
  • Editorial Collage Hero

    Editorial Collage Hero

    430
  • Glass Fold

    Glass Fold

    212
  • Minimalist Hero Fashion

    Minimalist Hero Fashion

    285
  • HeroSectionWithGradient

    HeroSectionWithGradient

    336