---
title: "Current Weather — Free Framer component · Best of Framer"
description: "Free Framer component · by Fabian Albert · Interactive. Display current weather data"
canonical: "https://framer.elliotli.dev/component/currentweather"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Current Weather

# Current Weather

Display current weather data

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

![Current Weather preview image 1](https://framer.elliotli.dev/og/component/currentweather/e20a81daada86f04/1600x1200.jpg)

## Summary

Display current weather data

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lucr5rku-CX8YhT1XztTM6MGO18OB8BEdx2k02R)](https://www.framer.com/marketplace/plugins/eleveight-supply--dyrz0jnnwwyugndbj9bqkcdx0/)

A dynamic Framer code component that displays real-time weather conditions and temperature for any chosen location. Simply input the city and country, and the component fetches live data from weatherapi every 2 minutes. Ideal for portfolios, dashboards, or location-based projects.

**Features**

-   Native font support
    
-   Customizable prefix text
    
-   Show or hide country and city
    
-   Toggle the order of city and country
    
-   Show or hide temperature
    
-   Choose between Celsius or Fahrenheit
    
-   Show or hide weather condition
    
-   Automatic data refresh every 2 minutes
    

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

-   All · #6494

## Details

- **Author**: Fabian Albert
- **Published**: 2025-07-25
- **Updated**: 2026-03-09
- **Added**: 2025-07-24
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase