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

Demo image: User Profile Card

Author

  • Mazyar

Links

Made with

  • HTML / CSS

About a code

User Profile Card

User profile card style.

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

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Profile Card

Author

  • pantazisoftware

Links

Made with

  • HTML / CSS

About a code

Profile Card

Profile card with @connect and social buttons.

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

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Profile

Author

  • Mohit Dhiman

Links

Made with

  • HTML / CSS

About a code

Profile

Profile card with cover image.

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

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Profile Page

Author

  • Creative Tim

Links

Made with

  • HTML / CSS

About a code

Profile Page

Profile page with background image.

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

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 2.2.4

Demo image: Card Profile

Author

  • Creative Tim

Links

Made with

  • HTML / CSS

About a code

Card Profile

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

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 2.2.4

Demo image: Github Profile Card

Author

  • IbraBoussadjra

Links

Made with

  • HTML / CSS

About a code

Github Profile Card

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: Argon Profile

Author

  • TailwindTemplates

Links

Made with

  • HTML / CSS

About a code

Argon Profile

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Profile

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Profile #2

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Profile #3

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Profile #3

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Profile #4

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Profile #4

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Team Member Card - Tailwind CSS + Alpine.js

Author

  • Cruip

Links

Made with

  • HTML / CSS / JS

About a code

Team Member Card - Tailwind CSS + Alpine.js

A card containing user profile with details and a dropdown menu, ready to be used in a team page. Made with Tailwind CSS and Alpine.js.

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

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.0.0+

Demo image: Tailwind: About Me

Author

  • Scott Windon

Links

Made with

  • HTML / CSS

About a code

Tailwind: About Me

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

Responsive: yes

Dependencies: -

Tailwind version: 1.6.2