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. Export it 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>);}