Phantom Skeleton Loader

Generate shimmer skeletons from any layout

Phantom Skeleton Loader — measure any layout in the browser and generate shimmer skeleton placeholders from the live DOM

How to use Phantom Skeleton Loader

  1. Pick a layout template
  2. Press Re-measure to measure the real elements
  3. Adjust shimmer colour and speed
  4. Copy the generated HTML and CSS

Features

  • 5 layout templates measured from the real DOM
  • Structure-aware shimmer blocks at exact positions
  • Custom shimmer colour, duration and radius
  • Copyable HTML and CSS output

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.