Home/Docs/Components/Token-vesting

Token Vesting

A component for managing and tracking token vesting schedules with detailed progress visualization.

Total Vested: 75,000 tokens

TOKEN Vesting

Active
Progress24.7%

Dec 26, 2024 - Dec 26, 2025

Total Amount

100000 TOKEN

Vested Amount

25000 TOKEN

Cliff Date

Feb 24, 2025

Last Claimed

Mar 11, 2025

NEW Vesting

Pending
Progress0.0%

Apr 25, 2025 - Apr 25, 2026

Total Amount

75000 NEW

Vested Amount

0 NEW

Cliff Date

Jun 24, 2025

Last Claimed

Never

REWARD Vesting

Completed
Progress100.0%

Sep 27, 2024 - Feb 24, 2025

Total Amount

50000 REWARD

Vested Amount

50000 REWARD

Cliff Date

Oct 27, 2024

Last Claimed

Feb 24, 2025

Installation

Run the following command to add the Token Vesting component to your project:

npx w3-kit@latest add token-vesting

This will:

  • Create the component in your components/ui directory
  • Add all necessary dependencies to your package.json
  • Set up required configuration files
  • Add vesting calculation utilities to your project