Connect Weather API to Framer

Display live weather conditions directly in your Framer project. GlossPipe fetches from Open-Meteo, maps the data, and serves a cached, Framer-ready endpoint.

Live Preview

Berlin Temperature

20.4°C

Jun 3, 2026, 6:00 PM

How It Works

  1. 1

    Pick the Weather preset

    Select 'Current Weather' from the preset catalog. Optionally adjust the latitude and longitude for your city.

  2. 2

    Map the fields

    GlossPipe auto-detects the metric_card template. The default mapping connects temperature, unit, and timestamp.

  3. 3

    Publish your endpoint

    Click Publish to get a public URL. Drop the Framer SDK component onto your site and point it at the endpoint slug.

Try in PlaygroundSign Up