Local Time

Live clock for your city (“Lisbon 14:32 GMT+1”) with a day/night icon and an optional blinking colon.

Installation

pnpm dlx shadcn@latest add @portfolio-kit/local-time

First time? Add the @portfolio-kit registry to components.json

components.json

{
  "registries": {
    "@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
  }
}

One clock per studio or teammate. The city name comes from the IANA zone, or pass your own with city.

The inline variant reads as part of the copy, e.g. in a contact section or an about blurb.

Seconds, a 12-hour clock, no icon or no city. Half-hour zones like India (GMT+5:30) work too.