Usefuldevtools.com
☕
Ad Space - Top Banner (728x90)

Budget Planner

0 viewsadvanced
Background:

Budget Planner

Financial planning

Monthly Budget
$5,800
Remaining
$1,564.2
Budget Progress$4,235.8 / $5,800
Savings Goal
$1264 / $1200

Category Breakdown

🏠
Housing
$1850 / $2000
🍽️
Food & Dining
$756 / $600
🚗
Transportation
$342 / $400
💡
Utilities
$267 / $250
⚕️
Healthcare
$189 / $300
🎬
Entertainment
$156 / $200

Spending Trend

Oct
Nov
Dec
Jan
Feb

Upcoming Bills

Rent Payment
Due Mar 1
$1850
pending
Electric Bill
Due Mar 5
$89
pending
Internet Bill
Due Mar 8
$79
pending
Car Insurance
Due Mar 12
$156
upcoming
Phone Bill
Due Mar 15
$65
upcoming
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div class="budget_planner_card_card">
  <div class="pricing-card">
    <div class="pricing-badge">Most Popular</div>
    <div class="pricing-header">
      <h3 class="plan-name">Professional</h3>
      <div class="price-display">
        <span class="currency">$</span>
        <span class="price">29</span>
        <span class="period">/month</span>
      </div>
    </div>
    <div class="pricing-features">
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Unlimited Projects</span>
      </div>
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Priority Support</span>
      </div>
      <div class="feature-item">
        <svg class="check-icon" viewBox="0 0 20 20" fill="currentColor">
          <path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"/>
        </svg>
        <span>Advanced Analytics</span>
      </div>
    </div>
    <button class="pricing-button">Get Started</button>
  </div>
</div>
Was this helpful?