Kedhareswer Naidu

Card Fan Preloader

Cards 28

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

    3.3K
  • GitHub Contribution Graph 3D Heatmap

    GitHub Contribution Graph 3D Heatmap

    1.9K
  • Halftone Wordmark Footer

    Halftone Wordmark Footer

    1.5K
  • Morph Gallery

    Morph Gallery

    1.5K
  • Hanging Polaroid Image Carousel

    Hanging Polaroid Image Carousel

    942
  • Glass Cards

    Glass Cards

    747
  • Animated Features Bento with Live Diagrams

    Animated Features Bento with Live Diagrams

    691
  • Tiger Tear Reveal

    Tiger Tear Reveal

    680

More in Cards

View all
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 7

    Statistics Card 7

    301
  • Statistics Card 2

    Statistics Card 2

    272
  • Stats cards with links

    Stats cards with links

    82
  • Interactive Tech Stack Bento Grid with Hover Effects

    Interactive Tech Stack Bento Grid with Hover Effects

    184
  • Card Studio

    Card Studio

    35
  • Card

    Card

    70
  • Card

    Card

    18