Kedhareswer Naidu

Card Fan Preloader

Cards 20

About

Playing card fan preloader: six cards fan through an arched deal and slide slot to slot, so the loop never shows a seam. Floats up and fades to reveal your page, or runs continuously as an ambient loader. No dependencies beyond React and no network requests.

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

Code

How Card Fan Preloader is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import CardFanPreloader from "@/components/ui/card-fan-preloader"

export default function Demo() {
  return <CardFanPreloader loop scale={2.4} />
}

More by Kedhareswer Naidu

View all
  • Glassmorphism Folder Cards

    Glassmorphism Folder Cards

    2.5K
  • GitHub Contribution Graph 3D Heatmap

    GitHub Contribution Graph 3D Heatmap

    1.8K
  • Morph Gallery

    Morph Gallery

    1.4K
  • Halftone Wordmark Footer

    Halftone Wordmark Footer

    1.1K
  • Glass Cards

    Glass Cards

    714
  • Hanging Polaroid Image Carousel

    Hanging Polaroid Image Carousel

    698
  • Particle Animation

    Particle Animation

    641
  • Tiger Tear Reveal

    Tiger Tear Reveal

    630

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Stats cards with links

    Stats cards with links

    79
  • Statistics Card 2

    Statistics Card 2

    259
  • Card

    Card

    56
  • Card Studio

    Card Studio

    9
  • The Item one

    The Item one

    3
  • Statistics Card 7

    Statistics Card 7

    289
  • Weather Card

    Weather Card

    54