Tune config values and preview skeleton behavior in real time.
Adjust animation, color, radius, and speed
Current Swatches
The preview updates as controls change
Previewing skeleton colors
Best for teams managing multiple projects
$99
Copy and use this config in your app
const config = {
"animation": "shimmer",
"baseColor": "#2525a8",
"highlightColor": "#090c46",
"borderRadius": 10,
"speed": 1,
"minTextHeight": 12
};
<AutoSkeleton loading={loading} config={config}>
<YourComponent />
</AutoSkeleton>