Collection of free Tailwind CSS weather widgets from Codepen and other resources.

Related Articles

  1. Bootstrap Weather Widgets
  2. CSS Weather Widgets
  3. jQuery Weather Widgets
Demo image: Weather Card

Author

  • mithicher

Links

Made with

  • HTML / CSS / JS

About a code

Weather Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.2.4

Demo image: Weather Widget with Tailwind CSS

Author

  • Rob Stinson

Links

Made with

  • HTML / CSS

About a code

Weather Widget with Tailwind CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: Weather Widget

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Weather Widget

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Weather Widget #2

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Weather Widget #2

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Weather Cards

Author

  • Devdojo

Links

Made with

  • HTML / CSS

About a code

Weather Cards

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Weather UI Component

Author

  • iaminos

Links

Made with

  • HTML / CSS

About a code

Weather UI Component

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.9.6

Demo image: Weather Widget

Author

  • TonyCampa

Links

Made with

  • HTML / CSS

About a code

Weather Widget

Weather card whit aditional info.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0

Demo image: Simple Weather Box Desing

Author

  • perrogrun

Links

Made with

  • HTML / CSS

About a code

Simple Weather Box Desing

A simple weather box desing for TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.0.4

Demo image: Weather Card

Author

  • nizantz

Links

Made with

  • HTML / CSS

About a code

Weather Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.3.0