Generic presets

Skelly comes bundled with pre-configured layout blueprints (Presets). If your components or page subtrees are completely empty, unstyled, or still in development, presets let you render immediate skeletons with zero custom markup.

// Use presets to scaffold layouts when children are undesigned or empty
import { Skelly } from 'use-skelly/react';

function Dashboard() {
  return (
    <Skelly loading={true} preset="dashboard">
      <DashboardContent />
    </Skelly>
  );
}

// Available presets: 'dashboard' | 'article' | 'feed' | 'profile' | 'generic'

Available blueprints

• generic: A standard layout consisting of a block title and four ragged text rows.
• dashboard: A structural admin panel template (sidebar, topbar, stats widgets, and card grids).
• article: An editor profile layout with titles, author avatars, and image media placeholders.
• feed: A timeline feed preview mapping social card listings and activity updates.
• profile: A standard profile layout containing header covers, circular icons, names, and bio metadata.

Try selecting a preset layout below to preview the responsive skeleton overlay: