{"repo":"darula-hpp/shimmer-from-structure","free":true,"listed":false,"github":"https://github.com/darula-hpp/shimmer-from-structure","clone":"git clone https://github.com/darula-hpp/shimmer-from-structure.git","description":"A structure-aware skeleton loader that mirrors your rendered UI at runtime. Zero layout duplication. Built for modern frameworks.","language":"TypeScript","stars":1111,"topics":["developer-experience","react","shimmer","shimmer-effect","skeleton-loading","vue","vuejs","svelte","sveltejs","angular"],"license":"MIT","category":"ui-components","readme_excerpt":"Shimmer From Structure A structure-aware skeleton generator that mirrors your rendered UI at runtime. Automatically generates responsive shimmer states with zero layout duplication. Built for React, Vue, Angular, Svelte and SolidJS. Documentation: Access Full Docs Why This Library? Traditional shimmer libraries require you to: - Manually create skeleton components that mirror your real components - Maintain two versions of each component (real + skeleton) - Update skeletons every time your layout changes Shimmer From Structure eliminates all of that: - ✅ Works with React, Vue, Svelte, Angular & SolidJS - Simple, framework-specific adapters - ✅ Automatically measures your component's structure at runtime - ✅ Generates shimmer effects that match actual dimensions - ✅ Zero maintenance - works with any layout changes - ✅ Works with complex nested structures - ✅ Supports dynamic data with templateProps - ✅ Preserves container backgrounds during loading - ✅ Auto-detects border-radius from your CSS Installation 🎯 Framework Support Shimmer From Structure provides dedicated packages for React and Vue . React React support is built into the main package for backward compatibility: Vue 3 Vue support requires importing from the specific adapter: Svelte Svelte support is provided via its own adapter: Angular Angular support requires importing from the specific adapter: SolidJS SolidJS support requires importing from the specific adapter: --- 📖 Basic Usage React Static Content For compon","default_branch":null,"files":null,"tree":[],"storefront":"/r/darula-hpp","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/darula-hpp/shimmer-from-structure/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."}