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.
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.
Cem Atahan
