Koala UI

Pricing

Two ways to price a product: the three-plan table with a highlighted tier, tabular prices and a feature checklist on each card, and the comparison that lays every feature out row by row under the same plans.

Variant 1

Pro

Variant 2

Pro

Installation#

# One-time setup (tokens + lib helpers)npx koalaui-cli@latest init# Add this component (its dependencies come along)npx koalaui-cli@latest add pricing

Responsive#

The three tiers sit side by side on desktop and stack into a single column on mobile, with the featured plan lifted and ringed. Because the preview renders inside an iframe, the layout responds to the frame width, so the presets and drag handle show the real layouts.

FAQ#

The component (in /docs/components/pricing) is the installable engine. This section is a finished, copy-pasteable pricing table built from it: three tiers with feature checklists and bottom-pinned CTAs, ready to drop into a marketing page.