$9, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Skeleton Loading Components
Skeleton placeholders for text, avatars, cards, lists, tables and feeds, with a shimmer animation in Figma, plain CSS and Tailwind CSS.
$9
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 30 components
- File formats
- .fig, .html, .css, .png
- Supported software
- Figma, HTML/CSS, Tailwind CSS
- Download size
- 8 MB
- Good for
- Content-heavy feeds
- Dashboard loading states
- Product grids while loading
About this product
Skeleton screens stand in for content while it loads, and this set provides 30 components built from basic placeholder shapes for text lines, avatars, images and buttons. Composed skeletons match common layouts: cards, list rows, tables, feed posts, profile headers, product grids and dashboard tiles. A shimmer sweep is prototyped in Figma with Smart Animate.
Every layout is also written in HTML twice, once with plain CSS keyframes and once with Tailwind CSS utility classes, so front-end developers can pick the version that fits their stack. Because each skeleton mirrors its final layout, real content replaces it with little or no layout shift.
What's inside
- 30 components from basic shapes to full layouts
- Card, list, table, feed, profile and product grid skeletons
- Shimmer sweep prototyped with Smart Animate
- HTML with CSS keyframes and Tailwind CSS versions
- Light and dark placeholder colors
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$9, Fits your $30 budget
$9, Fits your $30 budget
$9, Fits your $30 budget