MARKETPLACE
PLUGINS
NEBULA - SKELETON SHIMMER LOAD
Nebula - Skeleton Shimmer Load logo

Nebula - Skeleton Shimmer Load

Published July 2025
   •    Updated January 2026

Plugin details

EN: It's perfect for improving perceived performance and providing a polished user experience during data fetching. BR: Ideal para melhorar a percepção de performance e oferecer uma experiência de uso mais refinada durante o carregamento de dados.



Nebula - Skeleton Shimmer Loading


ENGLISH

Key Features:  
Element Targeting – Apply the shimmer effect to any element via its unique ID  
Custom Colors – Set your preferred base and highlight colors for full design control  
Smooth Animation – Control the shimmer duration for seamless transitions  
Toggle Visibility – Easily activate or deactivate the effect with a boolean  
Responsive by Design – Automatically adapts to the shape and size of each element  

Ideal for dashboards, cards, lists, and any data-driven UI. Add a professional loading animation in seconds! ⚡


PORTUGUÊS

Principais Recursos:  
Alvo Personalizado – Aplique o efeito shimmer a qualquer elemento usando seu ID exclusivo  
Cores Customizáveis – Defina cores de base e destaque conforme o seu design  
Animação Suave – Controle a duração da animação para transições fluidas  
Ativação Dinâmica – Ative ou desative o efeito facilmente com um campo booleano  
Design Responsivo – O efeito se adapta automaticamente ao formato e tamanho do elemento  

Ideal para dashboards, cards, listas e qualquer interface baseada em dados. Adicione um efeito de carregamento profissional em segundos! ⚡  


Try it out! | Experimente!

Free

For everyone

stars   •   0 ratings
30 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 | Instruções
EN:   To use the Nebula - Skeleton Shimmer Loading plugin, simply follow these steps: 1. Add the plugin to your app. 2. Define a unique ID Attribute on the element where the shimmer effect should appear. 3. Set the plugin’s action and configure the fields accordingly. 4. Use conditions or workflows to activate or deactivate the loading effect. Fields:   🔹 Element ID: The unique ID of the target element that will receive the shimmer loading effect. This is a required field.   🔹 Base Color: The solid background color used as the base of the skeleton effect.   🔹 Highlight Color: The animated color that creates the shimmer animation over the base color.   🔹 Duration: Duration in seconds for the shimmer animation loop. Controls the speed of the shimmer movement.   🔹 Is Loading: Boolean value to activate or deactivate the effect. When set to "yes", the loading shimmer is applied. --- BR:   Para usar o plugin Nebula - Skeleton Shimmer Loading, siga os passos abaixo: 1. Adicione o plugin ao seu app. 2. Defina um ID Atributo único no elemento onde o efeito shimmer deve aparecer. 3. Configure a ação do plugin e preencha os campos conforme necessário. 4. Use condições ou workflows para ativar ou desativar o efeito de carregamento. Campos:   🔹 Element ID: O ID único do elemento alvo que receberá o efeito de carregamento shimmer. Este campo é obrigatório.   🔹 Base Color: Cor de fundo sólida utilizada como base para o efeito skeleton.   🔹 Highlight Color: Cor animada que cria o efeito shimmer sobre a base.   🔹 Duration: Duração da animação shimmer em segundos. Controla a velocidade do movimento.   🔹 Is Loading: Valor booleano para ativar ou desativar o efeito. Quando definido como "yes", o shimmer será aplicado.

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