Weather Colors

Un composant framer gratuit

Weather Color Palette sert à transformer la météo en direction artistique exploitable immédiatement.
Il prend la température + la condition météo (soleil, pluie, nuit, etc.) et génère une palette de 3 couleurs cohérente pour tes visuels, interfaces ou recommandations de tenue.

Comment l'utiliser

Glisse le composant dans ta page Framer.

  1. Ouvre le panneau de propriétés.

  2. Ajuste :

    • Text Color

    • Card Color

    • Glass

    • les triplets de couleurs (température + météo) si tu veux une DA personnalisée.

  3. Teste avec la géolocalisation ou la recherche de ville.

  4. Utilise les HEX affichés pour ton UI kit, tes visuels, ou tes déclinaisons de marque.

Espace code

API externe utilisée

Le composant utilise :

  • Open-Meteo pour la météo temps réel

  • Nominatim (OpenStreetMap) pour convertir coordonnées -> ville/pays


Logique principale

  • Classifier température -> tranche (froid, doux, chaud, etc.)

  • Classifier météo -> condition (pluvieux, ensoleille, etc.)

  • Mélanger palette température + palette météo avec un coefficient météo

  • Afficher la palette finale + infos météo


Robustesse

  • Si API indisponible : mode secours local pour garder le composant affichable.

Create a free website with Framer, the website builder loved by startups, designers and agencies.