// the find
egoist/vue-content-loader
SVG component to create placeholder loading, like Facebook cards loading.
A Vue 3 port of react-content-loader that renders animated SVG skeleton screens. You define the shape with raw SVG elements inside the component slot, and it handles the shimmer animation. Good fit for any Vue 3 app that wants skeleton loading without pulling in a heavier UI library.
Pure SVG implementation means zero canvas dependency and works even with JS disabled. The `uniqueKey` prop solves the SSR duplicate-ID problem that bites most SVG-based skeleton libraries. The online visual editor (create-content-loader) means designers can produce the SVG layout without touching code. Tree-shakable exports so you only bundle the loaders you actually import.
Last commit is February 2024 and the project looks essentially abandoned — open issues are unattended and there's been no meaningful development in years. The built-in presets (FacebookLoader, InstagramLoader) are frozen snapshots of 2018 UI patterns that won't match anyone's actual app. No dark mode support out of the box — you have to manually pass different primaryColor/secondaryColor per theme. The `baseUrl` prop workaround for `<base>` tags is a known footgun that requires per-route wiring in Vue Router apps.