Split Two Column Pricing
A two-column split layout with a feature comparison list, ideal for high-contrast decision making.
📐 Layout Archetype
split-two-column — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
minimal-swiss — High contrast baseline typography, fine hairline borders, and subtle interactive elevations.
⚡ Production Ready
100% pure Tailwind CSS utility classes with zero build steps or heavy node modules. Drop directly into React, Next.js, Vue, or HTML.
More Pricing Tables
Minimal Pricing Table
A classic three-column pricing table with monthly/annual toggle and stark Swiss typography.
Centered Stacked Pricing
A single centered plan with a highlighted annual discount, perfect for simple product offers.
Classic Toggle
Centered headline with badge, billing toggle, and three-column pricing grid. The toggle changes prices instantly and shows a savings badge.