---
title: "ChronosClock — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Viper Guy · Interactive. Precision ChronosClock for Framer."
canonical: "https://framer.elliotli.dev/component/chronosclock"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/ChronosClock

# ChronosClock

Precision ChronosClock for Framer.

[View on Framer](https://framer.com/marketplace/components/chronosclock/?via=elliot-li)

![ChronosClock preview image 1](https://framer.elliotli.dev/og/component/chronosclock/559069dc8769063c/1600x1200.jpg)

## Summary

Precision ChronosClock for Framer.

## Description

**Two Time Modes** Switch between live real-time tracking with smooth 50ms hand movement, and a custom start time that ticks forward from any hour, minute, and second you define — all from the property panel, no code touched.

**Fully Themeable** Three color pickers — face, hand, and accent — give you complete control over the look. Go stark black and white, match your brand palette, or push it into warm gold-on-charcoal territory. The component is built to adapt.

**Crisp at Any Size** Drawn entirely in SVG, Meridian scales perfectly from a compact widget to a full-screen hero element without a single blurry edge.

**Layered Ambient Detail** Two counter-rotating dashed rings, a slow pulsing glow, fine tick marks, and subtle crosshair accents build a sense of depth and quiet motion behind the hands — giving the face life even when nothing is being read.

**Toggleable Elements** Flip the second hand and digital readout on or off with a single switch. Keep it minimal for editorial layouts, or show everything for dashboard and utility use cases.

**Zero Configuration** Pure React and inline SVG. No external libraries, no font imports, no setup steps. Drop it onto the canvas and it runs immediately.

**Property Controls**

-   Custom time toggle
    
-   Hours / Minutes / Seconds (visible when custom time is on)
    
-   Second hand on/off
    
-   Digital readout on/off
    
-   Face color
    
-   Hand color
    
-   Accent color.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10789

## Details

- **Author**: Viper Guy
- **Price**: $2.00
- **Published**: 2026-04-15
- **Updated**: 2026-06-07
- **Added**: 2026-04-04
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step