Skip to content
Habitus Design

blocks / pricing

Pricing, three tiers

Free, Premium (dark scope) and Team plans.

React: PricingThreeTiers · Svelte: PricingThreeTiers · templ: blocks.PricingThreeTiers · Figma: catalog (no Figma node)

Simple, transparent pricing

Start free. Upgrade when you're ready.

  • Free

    Perfect to get started

    $0

    • Track unlimited habits
    • Daily reminders
    • Streaks & basic analytics
    • Light & dark mode
    • No credit card required
    Start for Free

  • Premium

    Popular

    All features you need

    $4.99/month

    • Everything in Free
    • Advanced analytics
    • Habit templates & suggestions
    • Cloud backup & device sync
    • Premium themes and icons
    • Priority support
    Upgrade Now

  • Team

    For coaches and small groups

    $19.99/month

    • Everything in Premium
    • Up to 20 members
    • Shared challenges
    • Admin dashboard
    Contact sales

Semantic classes (packages/adapter)

  • .ui-pricing-three-tiers
  • .ui-pricing-three-tiers-head
  • .ui-pricing-three-tiers-plans
  • .ui-pricing-three-tiers-plan
  • .ui-pricing-three-tiers-plan-theme-default
  • .ui-pricing-three-tiers-plan-theme-dark
  • .ui-pricing-three-tiers-plan-name-row
  • .ui-pricing-three-tiers-plan-name
  • .ui-pricing-three-tiers-price
  • .ui-pricing-three-tiers-price-value
  • .ui-pricing-three-tiers-feature
  • .ui-pricing-three-tiers-check
  • .ui-pricing-three-tiers-cross
  • .ui-pricing-three-tiers-plan-cta