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%

Sep 2, 2025 - Sep 2, 2026

Total Amount

100000 TOKEN

Vested Amount

25000 TOKEN

Cliff Date

Nov 1, 2025

Last Claimed

Nov 16, 2025

NEW Vesting

Pending
Progress0.0%

Dec 31, 2025 - Dec 31, 2026

Total Amount

75000 NEW

Vested Amount

0 NEW

Cliff Date

Mar 1, 2026

Last Claimed

Never

REWARD Vesting

Completed
Progress100.0%

Jun 4, 2025 - Nov 1, 2025

Total Amount

50000 REWARD

Vested Amount

50000 REWARD

Cliff Date

Jul 4, 2025

Last Claimed

Nov 1, 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