---
title: "Time And Weather Pro — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Cem Atahan · Interactive. A fully customizable weather and time"
canonical: "https://framer.elliotli.dev/component/caa-time-weather"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Time And Weather Pro

# Time And Weather Pro

A fully customizable weather and time

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

![Time And Weather Pro preview image 1](https://framer.elliotli.dev/og/component/caa-time-weather/8f5ddd9a060b9348/1600x1200.jpg)

## Summary

A fully customizable weather and time

## Description

Bring live weather and elegant time displays to your Framer projects with **Caa Time & Weather** — a fully customizable, API-powered widget perfect for dashboards, landing pages, and portfolios.

☀️ **Key Features**

-   **Powered by** [**WeatherAPI.com**](http://WeatherAPI.com): get live temperature, condition, location, and icons.
    
-   **Auto or manual location:** device geolocation or custom city.
    
-   **Unified Font Control:** change font family, size, and weight for all texts (temperature, time, date, city) with a single Framer control.
    
-   **Customizable visuals:** text color, background gradient, border radius, alignment, light/dark theme.
    
-   **Real-time clock:** updates every minute with 12h/24h support.
    
-   **Error handling:** displays messages if API key is missing or location fails.
    
-   **Framer-native controls:** fully editable from the right sidebar without any coding.
    

⚙️ **Property Controls**

-   City (manual) / Auto Location toggle
    
-   API Key
    
-   Temperature Unit (C/F)
    
-   Time Format (12h/24h)
    
-   Show Date toggle
    
-   Theme (Light/Dark)
    
-   Border Radius, Alignment, Background Gradient, Text Color
    
-   **Font Style** — single control to customize all text fonts (family, size, weight)
    

💡 **Use Cases**

-   Hero sections with real-time weather & clock
    
-   Dashboards or analytics panels
    
-   Personal portfolios
    
-   Marketing landing pages
    
-   Kiosks or digital signage
    

⚡ **Why You’ll Love It**

Elegant, dynamic, and fully customizable — this component combines **live weather data** and **real-time clocks** in one modern, stylish card. Perfect for Framer creators who want both functionality and design flexibility.

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

-   All · #10628

## Details

- **Author**: Cem Atahan
- **Price**: $4.00
- **Published**: 2025-10-29
- **Updated**: 2026-01-16
- **Added**: 2025-10-19
- **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