Animated Loading Skeleton

An AI loading skeleton with a soft animated aurora mesh flowing behind the placeholder lines. Use it while generated content, chat answers or dashboards are streaming in.

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

"use client";

import { GenerativeSkeletonMesh } from "@/components/ui/generative-skeleton-mesh";

export function GenerativeSkeletonMeshPreview() {
  return (
    <div className="w-full max-w-2xl px-4">
      <GenerativeSkeletonMesh lines={4} />
    </div>
  );
}

export default function Demo() {
  return <GenerativeSkeletonMeshPreview />;
}