> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shipkit.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Front-end components

> A collection of components for your projects.

## Supported frameworks

All components are available for the following frameworks:

<CardGroup cols={2}>
  <Card href="/components/dashboardheader">
    <img className="w-16" src="https://mintcdn.com/shipkit/HuQd_kWdB4hOr_Br/images/react.svg?fit=max&auto=format&n=HuQd_kWdB4hOr_Br&q=85&s=3d18c27bae1ecab94f82b4eaafcbb00a" width="221" height="221" data-path="images/react.svg" />

    <div className="font-bold text-white pt-4 text-lg">React</div>
  </Card>

  <Card href="/components/dashboardheader">
    <img className="w-16" src="https://mintcdn.com/shipkit/xRS2Tr5oIR22A0ee/images/vue.svg?fit=max&auto=format&n=xRS2Tr5oIR22A0ee&q=85&s=93a9e693d1ac256bbc426d83550bd3ab" width="221" height="221" data-path="images/vue.svg" />

    <div className="font-bold text-white pt-4 text-lg">Vue</div>
  </Card>

  <Card href="/components/dashboardheader">
    <img className="w-16" src="https://mintcdn.com/shipkit/xRS2Tr5oIR22A0ee/images/svelte.svg?fit=max&auto=format&n=xRS2Tr5oIR22A0ee&q=85&s=6c932ed7a62e6d18aee96fcd6fd24690" width="221" height="221" data-path="images/svelte.svg" />

    <div className="font-bold text-white pt-4 text-lg">Svelte</div>
  </Card>

  <Card href="/components/dashboardheader">
    <img className="w-16" src="https://mintcdn.com/shipkit/HuQd_kWdB4hOr_Br/images/solid.svg?fit=max&auto=format&n=HuQd_kWdB4hOr_Br&q=85&s=a139b9aa2e6726452071db19ad68f32f" width="221" height="221" data-path="images/solid.svg" />

    <div className="font-bold text-white pt-4 text-lg">Solid.js</div>
  </Card>

  <Card href="/components/dashboardheader">
    <img className="w-16" src="https://mintcdn.com/shipkit/HuQd_kWdB4hOr_Br/images/preact.svg?fit=max&auto=format&n=HuQd_kWdB4hOr_Br&q=85&s=c4a72b6fd4bc2b544b213633e2d22e76" width="221" height="221" data-path="images/preact.svg" />

    <div className="font-bold text-white pt-4 text-lg">Preact</div>
  </Card>
</CardGroup>