Time And Weather Pro

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.