CellForge

CellForge Studio

Tune the loader, then ship the exact code.

Select any loader, adjust motion and geometry, preview it in real UI frames, and export for the stack you need.

Source

View

Frame

cell-square-1

Neon Drift

Same ripple family as the icon, with a wave that sweeps from the top-right toward the bottom-left.

Free stage
128pxmotion preview

Generated code

import { CellSquare1 } from "@/components/ui/cell-square-1";

export function LoadingState() {
  return (
    <CellSquare1
      size={112}
      dotSize={4}
      cellPadding={1.5}
      speed={1}
      color="#ffffff"
      pattern="full"
      dotShape="circle"
      
    />
  );
}