Weather Tailwind Templates

Weather

Fullstack weather application using: Next.js, React, Tailwind CSS, and OpenWeatherMap API.

Features

  • Current Weather Conditions: Provides access to current weather conditions, including temperature, precipitation, wind speed, UV index, and more.
  • Forecast: Access a 10-day weather forecast and a 24-hour forecast at your fingertips.
  • Command Menu: Toggle the command menu with a keyboard shortcut (Shortcut: Command+F) for quick access to search functionality.
  • Intelligent Autocomplete: Enjoy a seamless location search experience with intelligent place autocomplete suggestions powered by the Google Maps Places API, and the Google Geolocation API to obtain coordinates, ensuring accurate and up-to-date information.
  • Seamless Theme Transitions: Switch between themes (Shortcut: T) effortlessly thanks to React Hotkeys Hook, ensuring a visually pleasing and accessible interface.
  • Interactive Map: Navigate a dynamic map with customizable tiles, including temperature (°F), precipitation intensity (mm/s), wind speed and direction (m/s), relative humidity (%), cloudiness (%), and atmospheric pressure (hPa).

Top categories

Loading Svelte Themes