MARKETPLACE
PLUGINS
SKELETON SHIMMER EFFECT BY NEBULA
Skeleton Shimmer Effect by Nebula logo

Skeleton Shimmer Effect by Nebula

Published July 2025
   •    Updated this week

Plugin details

Create professional skeleton loading screens with shimmer animations for any element. Improve perceived performance and user experience during data loads, API calls, and page transitions.


Skeleton Shimmer Load


 

 

 


Description

Overview

Professional skeleton loading screens with shimmer/pulse animations. Target elements by ID and apply animated placeholders while content loads. Customizable colors, speed, sync, size-aware duration, staggered delays.

Key Features
  • Shimmer gradient animation
  • Pulse effect for depth
  • Element ID/class targeting
  • Customizable base and highlight colors
  • Variable duration (0.5-3s)
  • Sync animation across elements
  • Size-aware auto-adjust
  • Start/Stop actions
  • is_loading state exposed



If this plugin saves you time or makes your work easier, consider supporting its development Every coffee helps me keep improving and maintaining this project

Free

For everyone

stars   •   0 ratings
35 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Nebula logo
Nebula
Joined 2023   •   24 Plugins
View contributor profile

Instructions

Instructions
Quick Start
  1. Add Skeleton Shimmer Load element to your page
  2. Set Element ID to target element's ID Attribute (or class .myClass)
  3. Set Base Color and Highlight Color to match theme
  4. Set is Loading checkbox to control visibility (connect to API:loading state)
  5. Animation starts automatically when is Loading = yes

Key Properties
  • Element ID: ID or class selector (#myElement or .myClass)
  • Base Color: Skeleton background (e.g., #e5e7eb)
  • Highlight Color: Shimmer gradient (e.g., #f3f4f6)
  • Duration: Animation speed in seconds (0.5-3.0s)
  • Sync Animation: Synchronize shimmer across all elements
  • Size Aware: Auto-adjust duration based on element size
  • Start Delay: Delay before animation starts
  • is Loading: Checkbox to control skeleton visibility

Element Actions
  • Start Skeleton: Programmatically start animation
  • Stop Skeleton: Programmatically stop and restore styles

Exposed State
  • is_loading: Access loading state in workflows


Need Help?
Find documentation, guides, and other useful plugins to help you get the most out of this tool


 

 

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Data (things)   •   Mobile   •   AI   •   Social Network   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble