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%

Oct 30, 2025 - Oct 30, 2026

Total Amount

100000 TOKEN

Vested Amount

25000 TOKEN

Cliff Date

Dec 29, 2025

Last Claimed

Jan 13, 2026

NEW Vesting

Pending
Progress0.0%

Feb 27, 2026 - Feb 27, 2027

Total Amount

75000 NEW

Vested Amount

0 NEW

Cliff Date

Apr 28, 2026

Last Claimed

Never

REWARD Vesting

Completed
Progress100.0%

Aug 1, 2025 - Dec 29, 2025

Total Amount

50000 REWARD

Vested Amount

50000 REWARD

Cliff Date

Aug 31, 2025

Last Claimed

Dec 29, 2025

Installation

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

npx shadcn@latest add https://w3-kit.com/registry/token-vesting.json

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