{"repo":"Aejkatappaja/phantom-ui","free":true,"listed":false,"github":"https://github.com/Aejkatappaja/phantom-ui","clone":"git clone https://github.com/Aejkatappaja/phantom-ui.git","description":"Structure-aware skeleton loader. One Web Component, every framework.","language":"TypeScript","stars":784,"topics":["lit","typescript","webcomponent","angular","custom-element","loading","placeholder","react","shimmer","skeleton"],"license":"MIT","category":"ui-components","readme_excerpt":"Structure-aware skeleton loader. One Web Component. Every framework. Documentation · Live Demo --- Stop building skeleton screens by hand. Wrap your real UI in and it generates shimmer placeholders automatically by measuring your actual DOM at runtime. No separate skeleton components to maintain. No copy-pasting layouts. The real component is the skeleton template. Why Traditional skeleton loaders require you to build and maintain a second version of every component, just for the loading state. When the real component changes, the skeleton drifts out of sync. phantom-ui takes a different approach. It renders your real component with invisible text, measures the position and size of every leaf element ( getBoundingClientRect ), and overlays animated shimmer blocks at the exact same coordinates. Container backgrounds and borders stay visible, giving a natural card outline while loading. Because it is a standard Web Component (built with Lit), it works in React, Vue, Svelte, Angular, Solid, Qwik, HTMX, or plain HTML. No framework adapters needed. Install Or drop in a script tag with no build step: Vendoring a single file If you cannot install from a registry, or you would rather keep a copy in your repo, there is a standalone ES module with Lit bundled in. One file, 34 kB minified, 11.5 kB gzipped, no runtime dependency: Or, if you cannot reach a registry at all, copy two files into your project and import by path: Take the first and the third. TypeScript pairs a declarat","default_branch":null,"files":null,"tree":[],"storefront":"/r/Aejkatappaja","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Aejkatappaja/phantom-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}