Feature Request
Skeleton loaders are a standard modern UX pattern for indicating content is loading. EaseMotion CSS has no skeleton loader component.
Proposed Component
- Classes:
.ease-skeleton, .ease-skeleton--text, .ease-skeleton--card, .ease-skeleton--avatar
- Shimmer effect using a
background linear-gradient that slides left-to-right
- CSS variables:
--ease-skeleton-base, --ease-skeleton-shine, --ease-skeleton-duration
- Dark mode compatible out of the box
- No JavaScript required
Files to Create
submissions/examples/ease-skeleton/style.css
submissions/examples/ease-skeleton/demo.html
submissions/examples/ease-skeleton/README.md
Feature Request
Skeleton loaders are a standard modern UX pattern for indicating content is loading. EaseMotion CSS has no skeleton loader component.
Proposed Component
.ease-skeleton,.ease-skeleton--text,.ease-skeleton--card,.ease-skeleton--avatarbackground linear-gradientthat slides left-to-right--ease-skeleton-base,--ease-skeleton-shine,--ease-skeleton-durationFiles to Create
submissions/examples/ease-skeleton/style.csssubmissions/examples/ease-skeleton/demo.htmlsubmissions/examples/ease-skeleton/README.md