billui: an open-source collection of billing UI components for React, built on shadcn/ui and distributed through the shadcn registry.
Each component installs via the shadcn CLI and lands in your codebase as editable TypeScript. You own every file and modify it directly.
Components in the collection:
- Plan cards (default, highlighted, and compact variants)
- Pricing comparison tables with feature checkmarks and partial indicators
- Payment method cards with brand detection and expiry warnings
- Usage meters with amber/red color thresholds at 80% and 95%
- Invoice cards with status indicators and quick-action buttons
- Animated usage cards
Worth bookmarking for any SaaS billing page build.
👉 Blog Post
👉 GitHub Repo
👉 Live Demo
Top comments (0)