Budget Widget
A futuristic widget for displaying budget information with progressive blur and spotlight effects.
Total Budget
Spring Campaign 2024
$1,831,500
Features
- Animated numbers — Count-up animation on load
- Progressive blur — Depth effect on background
- Spotlight effect — Interactive cursor glow
- Custom backgrounds — Image or gradient support
- External link — Optional budget URL
Examples
Different types of budget data from the Saturation API - total budgets, phase totals, and account totals.
Total Budget
Spring Campaign 2024
$1,831,500
Estimate Phase
Spring Campaign 2024
$445,500
Actual Phase
Spring Campaign 2024
$420,750
Pre Production
Spring Campaign 2024
$282,150
Production
Spring Campaign 2024
$881,100
Post Production
Spring Campaign 2024
$173,250
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| budgetName | string | "Spring Campaign 2024" | Name of the budget |
| budgetTotal | number | 285000 | Total budget amount |
| currency | string | "$" | Currency symbol |
| backgroundImage | string | "/image.png" | Background image URL |
| budgetUrl | string | - | Optional URL for external link |
| budgetLabel | string | "Budget" | Label text above the name |
Components Used
buttonspotlightprogressive-bluranimated-number