Skip to content

component

Time And Weather Pro

By Cem Atahan

Details

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 : 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.

Introduction

A fully customizable weather and time

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750189238/148/228/309/79/15
  • All · #8923