Skip to content
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

TOKEN

active

25000 / 100000

Dec 20, 2025Dec 20, 2026

REWARD

completed

50000 / 50000

Sep 21, 2025Feb 18, 2026

NEW

pending

0 / 75000

Apr 19, 2026Apr 19, 2027

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