Usage Pricing Calculator

Slider-driven calculator that updates monthly usage pricing in real time.

Install and integrate

Data comes from this site's registry vv0.68.0, the same source consumed by the shadcn CLI.

bash
npx shadcn@latest add https://hulianui.haloritual.com/r/block-pricing-usage.json
Files written1 files
  • components/hulianui/blocks/pricing-usage.tsx
Required providers
ThemeProvider
Required replacementsComplete each item before integration
CopyEvent handlersSample dataNavigation and routing
npm dependencies
@hulianui/uilucide-reactnext

Verify the installation

The guard checks these target files against executable convention rules and exits non-zero for error-level violations.

bash
npx -y @hulianui/guard components/hulianui/blocks/pricing-usage.tsx