Ayushmaan Singh

Thumbnail Carousel

Galleries 409

About

A responsive image carousel with swipe gestures, smooth spring animations, autoplay, and clickable thumbnail navigation.

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

Code

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

Usage.tsx

// This is a file with a demo for your component
// That's what users will see in the preview
// Create new files in this directory to add more demos

import { ThumbnailCarousel } from "@/components/ui/thumbnail-carousel";

// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne() {
  return <ThumbnailCarousel />;
}

Dependencies

More by Ayushmaan Singh

View all
  • Tubelight Navbar

    Tubelight Navbar

    3.6K
  • Theme Toggle

    Theme Toggle

    2.5K
  • Feature Section

    Feature Section

    1.7K
  • Vintage Keyboard

    Vintage Keyboard

    570
  • Typewriter Testimonial

    Typewriter Testimonial

    318
  • Image Fan Carousel

    Image Fan Carousel

    283
  • Testimonials

    Testimonials

    245
  • 3D Flip Card

    3D Flip Card

    203

More in Galleries

View all
  • Thumbnail image viewer

    Thumbnail image viewer

    43
  • Animated Gallery

    Animated Gallery

    1.4K
  • File Upload

    File Upload

    18
  • Editorial Collage Hero

    Editorial Collage Hero

    430
  • 3D Parallax Unfurling Gallery

    3D Parallax Unfurling Gallery

    981
  • Image Gallery

    Image Gallery

    123
  • Tilted Grid Hero

    Tilted Grid Hero

    1.5K
  • Hero Section 6

    Hero Section 6

    882