Pricing Calculator Grid
IncludedA usage calculator: three rates, three quantity inputs and the live total, ending in a plan recommendation.
Install
Run this in your Astro project. The block's files land in src/blocks/pricing-calculator-grid, its free primitives come from the public package, and the Tailwind theme ships with it.
npx astrocraft-ui add pricing-calculator-gridFirst time?
Unlock the pack once with your license key, then add as many blocks as you like — the cache lives on your machine, and no account ever exists.
npx astrocraft-ui blocks activate <your-key>- ID
pricing-calculator-grid- Access
- Included — $49
- Type
- Block · 2 files
About this block
A usage calculator: three rates, three quantity inputs and the live total, ending in a plan recommendation.
Like every block here, it plays by the library's rules: structure and behavior only at the primitive layer, Tailwind utilities at the call site, state on attributes you can target from any CSS system. Paste it into a project, retheme it, or gut it — the source is yours.
The 3 primitives it composes are part of the free library — start with its docs →