Collection of free Tailwind CSS feature section code examples from Codepen and other resources.

Demo image: Feature Component

Author

  • khatabwedaa

Links

Made with

  • HTML / CSS

About a code

Feature Component

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.19

Demo image: Description Cards

Author

  • Creative Tim

Links

Made with

  • HTML / CSS

About a code

Description Cards

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

Responsive: yes

Dependencies: font-awesome.css

Tailwind version: 2.2.4

Demo image: Card Feature

Author

  • Creative Tim

Links

Made with

  • HTML / CSS

About a code

Card Feature

Card feature with text.

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

Responsive: yes

Dependencies: font-awesome.css

Tailwind version: 2.2.4

Demo image: Argon Feature

Author

  • tailwindtemplates

Links

Made with

  • HTML / CSS

About a code

Argon Feature

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #1

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #1

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #2

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #2

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #3

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #3

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #4

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #4

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #5

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #5

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #6

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #6

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #7

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #7

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #8

Author

  • MambaUI

Links

Made with

  • HTML / CSS

About a code

Features #8

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #9

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #9

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #10

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #10

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #11

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #11

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #12

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #12

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #13

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #13

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #14

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #14

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features #15

Author

  • KitwindUI

Links

Made with

  • HTML / CSS

About a code

Features #15

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Features Card - Tailwind CSS

Author

  • Cruip

Links

Made with

  • HTML / CSS

About a code

Features Card - Tailwind CSS

A card showing a list of features with a tiny icon, made with Tailwind CSS.

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Feature Cards

Author

  • MerakiUI

Links

Made with

  • HTML / CSS

About a code

Feature Cards

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Feature Centered

Author

  • MerakiUI

Links

Made with

  • HTML / CSS

About a code

Feature Centered

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Feature Grid List

Author

  • MerakiUI

Links

Made with

  • HTML / CSS

About a code

Feature Grid List

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Feature Grid List with Image

Author

  • MerakiUI

Links

Made with

  • HTML / CSS

About a code

Feature Grid List with Image

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Feature Trusted by

Author

  • MerakiUI

Links

Made with

  • HTML / CSS

About a code

Feature Trusted by

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Skill Cards

Author

  • emicheldev

Links

Made with

  • HTML / CSS

About a code

Skill Cards

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

Responsive: yes

Dependencies: patterns.css

Tailwind version: 1.9.6

Demo image: Feature Section

Author

  • Hamse mohamoud

Links

Made with

  • HTML / CSS

About a code

Feature Section

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

Responsive: yes

Dependencies: -

Tailwind version: 1.9.6