Collection of free Tailwind CSS steps components from Codepen and other resources.

Demo image: Tailwind CSS Steps Bar Component

Author

  • Harrishash

Links

Made with

  • HTML / CSS

About a code

Tailwind CSS Steps Bar Component

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Steps with Text and Icon

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps with Text and Icon

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps with Description

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps with Description

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps with Check Icons

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps with Check Icons

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps Closed on Complete

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps Closed on Complete

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps Group with Chevron, Text and Icon

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps Group with Chevron, Text and Icon

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps Timeline

Author

  • HyperUI

Links

Made with

  • HTML / CSS

About a code

Steps Timeline

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #1

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Steps #1

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #2

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Steps #2

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #3

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Steps #3

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #4

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Steps #4

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #5

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #5

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #6

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #6

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #7

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #7

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #8

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #8

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #9

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #9

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #10

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #10

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #11

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #11

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #12

Author

  • kitwind

Links

Made with

  • HTML / CSS

About a code

Steps #12

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Content Infographic Steps

Author

  • Devdojo

Links

Made with

  • HTML / CSS

About a code

Content Infographic Steps

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #13

Author

  • Tailblocks

Links

Made with

  • HTML / CSS

About a code

Steps #13

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #14

Author

  • Tailblocks

Links

Made with

  • HTML / CSS

About a code

Steps #14

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps #15

Author

  • Tailblocks

Links

Made with

  • HTML / CSS

About a code

Steps #15

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Steps with Directions

Author

  • haynajjar

Links

Made with

  • HTML / CSS

About a code

Steps with Directions

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

Responsive: yes

Dependencies: -

Tailwind version: 1.3.4

Demo image: Wizard Steps Bar with Tailwind CSS

Author

  • Anonymous

Links

Made with

  • HTML / CSS

About a code

Wizard Steps Bar with Tailwind CSS

A simple responsive wizard steps bar.

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

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0