> ## 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 Frameworks

ShipKit supports a variety of front-end frameworks. You can use any of the following to build your application.

<CardGroup cols={2}>
  <Card href="/frameworks/react">
    <img className="w-10" 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="/frameworks/vue">
    <img className="w-10" 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="/frameworks/svelte">
    <img className="w-10" 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="/frameworks/solid">
    <img className="w-10" 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="/frameworks/preact">
    <img className="w-10" 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>