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
