phantom-ui is a Web Component skeleton loader that generates shimmer placeholders from your real DOM. Wrap any UI in <phantom-ui loading> and it measures the position and size of every leaf element, then overlays animated shimmer blocks at the exact coordinates. No separate skeleton layout to write or maintain.
Works in React, Vue, Svelte, Angular, Solid, Qwik, and plain HTML. About 8kb gzipped via CDN. Supports shimmer, pulse, and breathe animations. Available on npm or as a script tag.
👉 Blog Post
👉 GitHub Repo
👉 Live Demo
Top comments (0)