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
  • Centered Hero with Image Fan

    Centered Hero with Image Fan

    924
  • Hero

    Hero

    1.2K
  • Responsive Hero Banner

    Responsive Hero Banner

    2K
  • Hero Section 6

    Hero Section 6

    881
  • Hero Golden Spiral

    Hero Golden Spiral

    101
  • Minimalist Hero Fashion

    Minimalist Hero Fashion

    284
  • Home Section

    Home Section

    65