Realtime sync
Every change lands instantly across every device and teammate.
Built-in analytics
Understand usage without wiring up a single event by hand.
Edge delivery
Served from the region closest to each request, every time.
Audit logs
Know who did what, and when — exportable on demand.
Card Swap
tsx
import { CardSwap } from "@/components/godui/card-swap";const features = [{ title: "Realtime sync", body: "Every change lands instantly across every device." },{ title: "Built-in analytics", body: "Understand usage without wiring up a single event." },{ title: "Edge delivery", body: "Served from the closest region, every request." },];export function FeatureSwap() {return ( <CardSwap className="h-64 w-80"> {features.map((f) => ( <div key={f.title} className="flex h-full w-full flex-col justify-end rounded-2xl border border-border bg-card p-7 shadow-xl"> <h3 className="text-xl font-semibold text-foreground">{f.title}</h3> <p className="mt-2 text-sm text-muted-foreground">{f.body}</p> </div> ))} </CardSwap>);}