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

# Frontend

> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

## Languages

<CardGroup cols={2}>
  <Card title="HTML" icon="html5" color="#E14E1D" href="https://en.wikipedia.org/wiki/HTML">
    HTML is the standard markup language used to create web pages. It provides the basic structure of sites, which is then enhanced and modified by other technologies like CSS and JavaScript.
  </Card>

  <Card title="CSS" icon="css3" color="#0277BD" href="https://en.wikipedia.org/wiki/CSS">
    CSS is used for styling and laying out web pages—like colors, fonts, and spacing. It allows developers to adapt the presentation to different types of devices, such as large screens, small screens, or printers.
  </Card>

  <Card title="Javascript" icon="js" color="#F0DB4F" href="https://en.wikipedia.org/wiki/JavaScript">
    JavaScript is a programming language that enables interactive web pages and thus is an essential part of web applications. It's used to control webpage behavior.
  </Card>

  <Card title="Typescript" icon={<img src="/logo/typescript.svg" alt="Typescript Logo" />} href="https://en.wikipedia.org/wiki/TypeScript">
    An extension of JavaScript that adds static types to the language. It's designed to develop large applications and transcompiles to JavaScript.
  </Card>
</CardGroup>

## Libraries

<CardGroup cols={2}>
  <Card title="React" icon="react" color="#61DAFB" href="https://github.com/whopio/whop-apps-template">
    The library for web and native user interfaces.
  </Card>

  <Card title="jQuery" icon={<img src="/logo/jquery.svg" alt="jQuery Logo" />} href="https://jquery.com/">
    jQuery: The Write Less, Do More, JavaScript Library.
  </Card>

  <Card title="Radix" icon={<img src="/logo/radix.svg" alt="Radix Logo" />} href="https://radix-ui.com/">
    Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.
  </Card>

  <Card title="shadcn/ui" icon={<img src="/logo/shadcn-ui.svg" alt="shadcn/ui Logo" />} href="https://ui.shadcn.com/">
    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
  </Card>
</CardGroup>

## Frameworks

<CardGroup cols={2}>
  <Card title="Angular" icon={<img src="/logo/angular.svg" alt="Angular Logo" />} href="https://angular.io/">
    Angular lets you start small and supports you as your team and apps grow.
  </Card>

  <Card title="Svelte" icon={<img src="/logo/svelte.svg" alt="Svelte Logo" />} href="https://svelte.dev/">
    Cybernetically enhanced web apps.
  </Card>

  <Card title="Vue" icon={<img src="/logo/vue.svg" alt="Vue Logo" />} href="https://vuejs.org/">
    An approachable, performant and versatile framework for building web user interfaces.
  </Card>
</CardGroup>

## Styling

<CardGroup cols={2}>
  <Card title="Tailwind CSS" icon={<img src="/logo/tailwind.svg" alt="Tailwind CSS Logo" />} href="https://tailwindcss.com/">
    Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
  </Card>

  <Card title="Stylex" icon={<img src="/logo/stylex.svg" alt="Stylex Logo" />} href="https://stylexjs.com/">
    The styling system that powers Meta.
  </Card>

  <Card title="Styled Components" icon={<img src="/logo/styled-components.svg" alt="styled components Logo" />} href="https://styled-components.com/">
    Enhanced CSS for styling React component systems.
  </Card>
</CardGroup>