10 components

Rhythm

A free, open-source collection of high-quality, canvas-rendered particle loaders by TalentNet. Pick one, preview it live, and copy the code straight into your project.

Solving

Neural network graph

tsx

import { LoadingPill } from "@/components/loading-pill"

export function Example() {
  return (
    <LoadingPill variant="solving" label="Solving" />
  )
}

Drop particle-orb.tsx and loading-pill.tsx into your components folder, add the shine styles to your global CSS, then use the snippet above. No extra dependencies required.