Add skeleton loader

[ExordiumX]

A nice addition to this ui kit would be a skeleton loader, such as this one https://vuetifyjs.com/en/components/skeleton-loaders/#usage

[Hugo01]

Would be nice but tailwind already has one that kinda works
https://tailwindcss.com/docs/animation
Checkout the "pulse" animation, could be used as skeleton loader

[devopg]

Would be nice but tailwind already has one that kinda works
https://tailwindcss.com/docs/animation
Checkout the "pulse" animation, could be used as skeleton loader

i think about skeleton without code
like this:
<div class="w-4 h-15 skeleton-type-1"></div>
and you receive one of these:

[saadeghi]

@Hugo01 That would be cool but I think there's a high chance that the real layout don't match one of these 👀

[tom-asmblr]

Just to add a +1 - we'd have a real use for these types of components as well. Often when designing a page, the actual component is rendered with data in the application, but in the design view we use a placeholder, a variety of placeholders would be perfect for this.

[atresnjo]

That would be nice. Would be really cool to have something like skeleton-circle, skeleton-square, skeleton-progress etc

[saadeghi]

Yeah, that's probably the most efficient way 🤔

• skeleton (for rectangle)
• skeleton-text
• skeleton-circle

And anything can be achieved using width/height utilities and flexbox/grid

[fenilli]

Maybe add as an modifier to the components that are most likely used for those? Input, Avatar, Button and so on

So something like btn btn-primary skeleton, skeleton would use sizing and all from the btn, but remove color and text to add pulse.

[nandi95]

What tailwind doesn't have is a shimmer animation, that could be added here maybe?
https://codepen.io/maoberlehner/pen/bQGZYB

[saadeghi]

Fixed in daisyUI 4