🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Sign inDemoInstall
Socket

@ela-labs/smart-skeleton-react

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ela-labs/smart-skeleton-react

A React smart skeleton component for loading UI states.

0.3.1
latest
Source
npm
Version published
Weekly downloads
35
16.67%
Maintainers
1
Weekly downloads
 
Created
Source

✨ ELA LABS - SMART SKELETON✨

A collection of smart, reusable components focused on real-world performance and UX.

InstallationUsageHow it WorksExamplesDocumentationContributingLicense

🧪 About

ELA LABS is an open source initiative to create lightweight and intelligent UI components.

We aim to bridge real-world DOM behavior with developer ergonomics — making things that just work across devices and layouts.

🚧 Work in Progress

This is just the beginning. More components are coming soon!

💡 Components

🦴 SmartSkeleton

The SmartSkeleton is a smart skeleton loading component that adapts to the real DOM structure and styles.

It’s designed to balance performance, reusability, and compatibility, using:

  • getComputedStyle for style extraction
  • getBoundingClientRect for size measurement
  • A style cache (via WeakMap) for performance
  • Dynamic event listeners (resize, scroll, mutation) when in responsive mode
  • Simple shimmer via skeleton-shimmer class

📚 Documentation

📘 Check out the full docs at: https://ela-labs-react.vercel.app

📦 Installation

Each component in the ELA LABS collection is published independently, allowing you to install only what you need.

To install a specific component, refer to its individual installation guide in the documentation.

📘 Full docs available at: https://ela-labs-react.vercel.app

For example, to install SmartSkeleton:

pnpm install @ela-labs/smart-skeleton

npm install @ela-labs/smart-skeleton
# or
yarn add @ela-labs/smart-skeleton

FAQs

Package last updated on 19 Apr 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts