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

Demo image: Skeleton Card

Author

  • gamestap99

Made with

  • HTML / CSS

About a code

Skeleton Card

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

Responsive: yes

Dependencies: -

Tailwind version: 2.2.4

Demo image: Skeletons

Author

  • Tailwind Kit

Made with

  • HTML / CSS

About a code

Skeletons

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Card Skeleton

Author

  • Tailwind Kit

Made with

  • HTML / CSS

About a code

Card Skeleton

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Horizontal Card Skeleton

Author

  • Tailwind Kit

Made with

  • HTML / CSS

About a code

Horizontal Card Skeleton

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Skeleton Loader

Author

  • MambaUI

Made with

  • HTML / CSS

About a code

Skeleton Loader

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Skeleton Loader #2

Author

  • MambaUI

Made with

  • HTML / CSS

About a code

Skeleton Loader #2

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Component Skeleton Cards

Author

  • devdojo

Made with

  • HTML / CSS

About a code

Component Skeleton Cards

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

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Tailwind - Skeleton Loading

Author

  • Murat Benli

Made with

  • HTML / CSS

About a code

Tailwind - Skeleton Loading

Tailwind skeleton loading (shimmer loading) cards - animate-pulse.

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

Responsive: yes

Dependencies: -

Tailwind version: 1.6.2