GodUIGodUI
113Follow on X
design
motion
physics
react
tailwind
wow
drag me

Gravity

tsx
import { Gravity, MatterBody } from "@/components/godui/gravity";export function Playground() {return (  <Gravity className="h-[420px] w-full rounded-xl border border-border">    {["design", "motion", "physics", "react"].map((label, i) => (      <MatterBody key={label} x={`${20 + i * 15}%`} y="0%" angle={i * 6}>        <span className="rounded-full bg-primary px-5 py-2.5 text-lg font-medium text-primary-foreground">          {label}        </span>      </MatterBody>    ))}  </Gravity>);}