Vaibhav Kumar Singh

3d orb

Component 215

About

Use this color-changing 3d orb in your site to give it a Hi-fi vibes

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

Code

How 3d orb is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Globe from "@/components/ui/3d-orb";

export default function DemoOne() {
  return <main className="relative min-h-screen bg-black overflow-hidden"><Globe /></main>;
}

Dependencies

More by Vaibhav Kumar Singh

View all
  • Stagger Testimonials

    Stagger Testimonials

    2K
  • Event Manager

    Event Manager

    1.6K
  • Expanding Cards

    Expanding Cards

    1.4K
  • FAQ tabs

    FAQ tabs

    1.2K
  • Shuffle Grid

    Shuffle Grid

    1K
  • Flip Links

    Flip Links

    1K
  • Category List

    Category List

    820
  • Color Change Card

    Color Change Card

    758