Chapter 10 of 11·Guides

Generic presets

Scaffold page layouts and preview skeletons before writing your visual components.

If a page is not yet designed or is empty during cold starts, you can render a pre-defined skeleton layout using Skelly presets. This allows developers to scaffold visual structures instantly.

Scaffold.jsxreact
// 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'

Try selecting a preset layout below to see how Skelly draws the loading state:

← previousSkelly CLInext →Framework adapters