Split pricing
An interactive pricing layout with animated emphasis between plans.
Pricing UI is mostly about clarity. This concept explores how motion can guide attention without making the layout feel noisy or overproduced.
return (
<section className="grid gap-4 md:grid-cols-2">
<PlanCard featured title="Pro" price="$29" />
<PlanCard title="Starter" price="$0" />
</section>
);The emphasis moves where it matters, helping users compare plans quickly while keeping the interface readable and calm.
Other experiments
Explore two more experiments from the lab.