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

# Introduction

Welcome to Refold! Refold is a dev tool to enable SaaS companies add 3rd party native integration.
This allows teams to avoid the cost, time, and risk that comes with building and maintaining their own integrations solution.
A single installation of Refold takes just a couple hours and enables your application to support integrations with the most popular SaaS apps.

<img src="https://mintcdn.com/cobalt-55/rCTCKBbhiwGPdeWb/images/intro.png?fit=max&auto=format&n=rCTCKBbhiwGPdeWb&q=85&s=d974d04f5c2cc693f6efcb719e9287d8" width="2880" height="1552" data-path="images/intro.png" />

## Setting up

The first step to world-class documentation is setting up your editing environnments.

<CardGroup cols={3}>
  <Card title="Quickstart" icon="play" href="/quickstart">
    Quickstart your development and launch integrations in a jiffy.
  </Card>

  <Card title="Glossary" icon="pen-to-square" href="/glossary">
    List of frequently used terms in the docs and APIs
  </Card>

  <Card title="Examples" icon="book" href="https://docs.gocobalt.io/implementation/examples/">
    Build your first integration with Refold by following these guides.
  </Card>
</CardGroup>

## Explore

Guides to commonly used Refold features to make the most of our platform.

<CardGroup cols={3}>
  <Card title="Refold Basics" icon="palette" href="/build/basics">
    Start by setting up your application
  </Card>

  <Card title="Auth Flows" icon="code" href="/ship/auth_flows/flows">
    Understand different kinds of supported auth flows
  </Card>

  <Card title="Workflows" icon="screwdriver-wrench" href="/build/workflow/overview">
    Learn about the basics of workflows
  </Card>

  <Card title="Webhooks" icon="flag" href="/build/basics/webhooks">
    Learn about the Refold Webhook events
  </Card>
</CardGroup>

## SDKs

<CardGroup cols={2}>
  <Card title="Client-Side SDKs" icon="code">
    <CardGroup cols={1}>
      <Card title="Vanilla JS" icon="js" href="/sdks/client-side-sdks/js-sdk">
        Highly customizable frontend sdk
      </Card>

      <Card title="React JS" icon="react" href="/sdks/client-side-sdks/react-sdk">
        React SDK for quick Auth flow setup
      </Card>
    </CardGroup>
  </Card>

  <Card title="Server-Side SDKs" icon="code">
    <Card title="Node JS (Preferred)" icon="node-js" href="/sdks/server-side-sdks/nodejs-sdk">
      Server side SDK for more flexibility
    </Card>
  </Card>
</CardGroup>