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

# LiteFold Documentation

> Explore our platform, API references, and guides for AI-powered drug discovery.

export const ProductCard = ({title, description, href, img, model, type}) => <a href={href} className="block group no-underline" target="_blank" rel="noopener noreferrer" style={{
  fontFamily: 'Google Sans, sans-serif',
  textDecoration: 'none'
}}>
    <div className="border border-gray-200 dark:border-gray-800 rounded-xl hover:border-gray-300 dark:hover:border-gray-700 transition-colors h-full flex flex-col overflow-hidden">
      <div className="w-full h-56 overflow-hidden">
        <img src={img} alt={title} className="w-full h-full object-cover" />
      </div>
      <div className="p-5 flex flex-col flex-grow">
        <h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-2 group-hover:text-primary-dark dark:group-hover:text-primary-light" style={{
  fontFamily: 'Google Sans, sans-serif'
}}>
          {title}
        </h3>
        <p className="text-sm text-gray-600 dark:text-gray-400 mb-3 flex-grow" style={{
  fontFamily: 'Google Sans, sans-serif'
}}>
          {description}
        </p>
        <div className="flex items-center justify-between text-xs" style={{
  fontFamily: 'Google Sans, sans-serif'
}}>
          <span className="px-2 py-1 bg-gray-100 dark:bg-gray-800 rounded text-gray-700 dark:text-gray-300">
            {model}
          </span>
          <span className="text-gray-500 dark:text-gray-500">
            {type}
          </span>
        </div>
      </div>
    </div>
  </a>;

export const appCategories = [{
  id: "target-discovery",
  label: "Target & Structure",
  items: [{
    id: "structure-prediction",
    title: "Structure Prediction",
    desc: "AI-powered protein structure prediction with AlphaFold2, ESMFold, and more",
    icon: "https://mintlify-assets.b-cdn.net/aspen-ai.svg",
    href: "/platform/structure-prediction",
    image: {
      light: "https://i.pinimg.com/736x/99/e4/be/99e4be360575333d40bbbb503a1685ae.jpg",
      dark: "https://i.pinimg.com/736x/99/e4/be/99e4be360575333d40bbbb503a1685ae.jpg"
    }
  }]
}, {
  id: "hit-discovery",
  label: "Hit Discovery",
  items: [{
    id: "molecular-docking",
    title: "Molecular Docking",
    desc: "Virtual screening and docking for hit identification",
    icon: "https://mintlify-assets.b-cdn.net/aspen-chat.svg",
    href: "/platform/molecular-docking",
    image: {
      light: "https://i.pinimg.com/1200x/5f/8a/66/5f8a66783fbda48853dec83d160a23fe.jpg",
      dark: "https://i.pinimg.com/1200x/5f/8a/66/5f8a66783fbda48853dec83d160a23fe.jpg"
    }
  }, {
    id: "de-novo-design",
    title: "De Novo Design",
    desc: "Generate novel molecules with generative AI models",
    icon: "https://mintlify-assets.b-cdn.net/aspen-ai.svg",
    href: "/platform/de-novo-design",
    image: {
      light: "https://i.pinimg.com/1200x/b7/eb/cf/b7ebcf14311b689acf77afd492c996a9.jpg",
      dark: "https://i.pinimg.com/1200x/b7/eb/cf/b7ebcf14311b689acf77afd492c996a9.jpg"
    }
  }]
}, {
  id: "optimization",
  label: "Lead Optimization",
  items: [{
    id: "molecular-dynamics",
    title: "Molecular Dynamics",
    desc: "GPU-accelerated MD simulations and free energy calculations",
    icon: "https://mintlify-assets.b-cdn.net/aspen-ai.svg",
    href: "/platform/molecular-dynamics",
    image: {
      light: "https://i.pinimg.com/1200x/5f/8a/66/5f8a66783fbda48853dec83d160a23fe.jpg",
      dark: "https://i.pinimg.com/1200x/5f/8a/66/5f8a66783fbda48853dec83d160a23fe.jpg"
    }
  }]
}, {
  id: "ai-assistant",
  label: "AI Assistant",
  items: [{
    id: "rosalind-ai",
    title: "Rosalind AI",
    desc: "Your AI co-scientist for workflow automation and analysis",
    icon: "https://mintlify-assets.b-cdn.net/aspen-connect.svg",
    href: "/platform/rosalind-ai",
    image: {
      light: "https://i.pinimg.com/1200x/b7/eb/cf/b7ebcf14311b689acf77afd492c996a9.jpg",
      dark: "https://i.pinimg.com/1200x/b7/eb/cf/b7ebcf14311b689acf77afd492c996a9.jpg"
    }
  }]
}];

export const ProductTiles = ({categories, hideButtons = false}) => {
  const [activeCategory, setActiveCategory] = useState(categories[0].id);
  const [activeSubTab, setActiveSubTab] = useState(categories[0].items[0]?.id ?? null);
  const currentCategory = categories.find(cat => cat.id === activeCategory);
  const currentSub = currentCategory?.items.find(item => item.id === activeSubTab);
  return <div className="not-prose space-y-6">
    {!hideButtons && <div className="flex flex-wrap gap-2">
        {categories.map(cat => <button key={cat.id} onClick={() => {
    setActiveCategory(cat.id);
    setActiveSubTab(cat.items[0]?.id ?? null);
  }} className={`px-4 py-2 text-sm rounded-full font-medium transition-colors ${activeCategory === cat.id ? 'bg-[#0A0B0D] text-white dark:bg-white dark:text-[#0A0B0D] border-black' : 'bg-gray-100 dark:bg-white/10 text-black dark:text-white'}`}>
            {cat.label}
          </button>)}
      </div>}

      <div>
        {currentCategory?.items?.length ? <div className="flex flex-col lg:flex-row gap-6 bg-gray-100 dark:bg-[#141414] rounded-2xl">
            <div className="flex flex-col w-full lg:w-1/2 space-y-2 p-4">
              {currentCategory.items.map(item => <a key={item.id} href={item.href} onMouseOver={() => setActiveSubTab(item.id)} className={`flex items-start gap-1.5 text-left px-5 py-3 rounded-2xl transition-all ${activeSubTab === item.id ? 'bg-white dark:bg-white/5' : ''}`}>
                  <div className="text-xl mr-3 mt-1"><img src={item.icon} alt={item.title} className="w-8 h-8" /></div>
                  <div className="flex-1">
                    <h3 className="font-medium text-base text-black dark:text-white">
                      {item.title}
                    </h3>
                    <p className="text-sm text-gray-600 dark:text-gray-400">{item.desc}</p>
                  </div>
                  <div className={`flex items-center justify-center min-w-[24px] self-center ${activeSubTab === item.id ? 'opacity-100' : 'opacity-0'}`}>
                    <div className="hidden dark:block">
                      <Icon icon="chevron-right" size="14" color="#FFF" />
                    </div>
                    <div className="block dark:hidden">
                      <Icon icon="chevron-right" size="14" color="#0A0B0D" />
                    </div>
                  </div>
                </a>)}
            </div>
            <div className="group w-full h-fit lg:w-1/2 rounded-2xl flex items-center justify-center overflow-hidden min-h-[400px] max-h-[440px] p-4">
              {currentSub?.image ? <>
                <img src={currentSub.image.light} alt={currentSub.title} className="block dark:hidden w-full h-full object-cover rounded-xl max-h-[380px]" />
                <img src={currentSub.image.dark} alt={currentSub.title} className="hidden dark:block w-full h-full object-cover rounded-xl max-h-[380px]" />
              </> : <p className="text-gray-400 dark:text-gray-500 p-8">No preview available</p>}
            </div>
          </div> : <p className="text-sm text-gray-500 dark:text-gray-400">
            No features available for this category.
          </p>}
      </div>
    </div>;
};

export const Title = ({children}) => <h2 className="text-2xl font-semibold text-gray-900 dark:text-gray-100" style={{
  fontFamily: 'Google Sans, sans-serif'
}}>
    {children}
  </h2>;

export const Container = ({children}) => <div className="py-12 w-full" style={{
  fontFamily: 'Google Sans, sans-serif'
}}>
    {children}
  </div>;

<div className="px-5 divide-y divide-gray-100 dark:divide-white/10" style={{ fontFamily: 'Google Sans, sans-serif' }}>
  <Container>
    <div className="w-full flex flex-col">
      <div className="flex flex-col items-start justify-center w-full max-w-4xl text-left">
        <div className="text-gray-900 dark:text-gray-200 text-4xl tracking-tight" style={{ fontFamily: 'Google Sans, sans-serif' }}>
          LiteFold Documentation
        </div>

        <p className="text-md text-gray-600 dark:text-gray-400 text-left mt-3 mb-4" style={{ fontFamily: 'Google Sans, sans-serif' }}>
          Infrastructure for AI-driven drug discovery. Explore our platform, API references, and guides for building your next breakthrough.
        </p>

        <div className="flex flex-row gap-4 mt-5">
          <a href="/quickstart">
            <button type="button" className="px-5 flex items-center font-medium text-sm rounded-full py-2 shadow-sm text-white dark:text-gray-900 bg-primary-dark dark:bg-primary-light hover:opacity-[0.9] hover:bg-primary justify-center">
              Get started

              <svg
                className="size-3 ml-2 bg-white dark:bg-gray-900"
                style={{
            maskImage: 'url("https://mintlify.b-cdn.net/solid/arrow-right-long.svg")',
            maskRepeat: 'no-repeat',
            maskPosition: 'center center'
          }}
              />
            </button>
          </a>

          <a href="/platform/overview">
            <button type="button" className="px-5 flex items-center font-medium text-sm rounded-full py-2 border border-gray-300 dark:border-gray-700 text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-800 justify-center">
              Platform Overview
            </button>
          </a>
        </div>
      </div>
    </div>
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-7">
      <div className="flex items-center justify-between w-full">
        <Title>
          Accelerate drug discovery research
        </Title>
      </div>

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-3">
        See real-world examples and case studies from researchers using LiteFold to transform their drug discovery workflows.
      </p>
    </div>

    <div className="dark:hidden block">
      <CardGroup cols={3}>
        <ProductCard title="EGFR Inhibitor Design" description="Structure-based design of novel EGFR inhibitors for resistant mutations" href="https://www.litefold.ai/blog/litefold-denovo" img="https://i.pinimg.com/736x/99/e4/be/99e4be360575333d40bbbb503a1685ae.jpg" model="De Novo Design" type="Case Study" />

        <ProductCard title="Virtual Screening at Scale" description="High-throughput screening of millions of compounds in hours" href="https://www.litefold.ai/blog/generative-models-in-designing-novel-scaffolds" img="https://i.pinimg.com/1200x/b7/eb/cf/b7ebcf14311b689acf77afd492c996a9.jpg" model="Molecular Docking" type="Case Study" />

        <ProductCard title="Protein Dynamics & Binding" description="MD simulations for binding affinity and stability analysis" href="https://www.litefold.ai/blog/mds" img="https://i.pinimg.com/1200x/5f/8a/66/5f8a66783fbda48853dec83d160a23fe.jpg" model="Molecular Dynamics" type="Case Study" />
      </CardGroup>
    </div>

    <div className="dark:block hidden">
      <CardGroup cols={3}>
        <ProductCard title="EGFR Inhibitor Design" description="Structure-based design of novel EGFR inhibitors for resistant mutations" href="https://www.litefold.ai/blog/litefold-denovo" img="https://mintlify-assets.b-cdn.net/aspen-dark-ai.svg" model="De Novo Design" type="Case Study" />

        <ProductCard title="Virtual Screening at Scale" description="High-throughput screening of millions of compounds in hours" href="https://www.litefold.ai/blog/generative-models-in-designing-novel-scaffolds" img="https://mintlify-assets.b-cdn.net/aspen-dark-chat.svg" model="Molecular Docking" type="Case Study" />

        <ProductCard title="Protein Dynamics & Binding" description="MD simulations for binding affinity and stability analysis" href="https://www.litefold.ai/blog/mds" img="https://mintlify-assets.b-cdn.net/aspen-dark-connect.svg" model="Molecular Dynamics" type="Case Study" />
      </CardGroup>
    </div>
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-8">
      <div className="flex items-center justify-between w-full">
        <Title>
          Platform Capabilities
        </Title>
      </div>

      <p className="text-[#5B616E] dark:text-gray-300 text-md mb-1 mt-3">
        Use LiteFold's comprehensive suite of AI-powered tools to accelerate every stage of drug discovery.
      </p>
    </div>

    <ProductTiles categories={appCategories} />
  </Container>

  <Container>
    <div className="flex flex-col w-full mb-5">
      <Title>
        Resources
      </Title>
    </div>

    <Columns cols={3}>
      <Card
        title="Join Our Community"
        icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g clip-path="url(https://mintlify.s3.us-west-1.amazonaws.com/litefold/#clip0_4125_5937)">
    <path d="M20.3302 4.26678C18.7563 3.53035 17.0912 3.00708 15.3789 2.71082C15.1656 3.09641 14.9165 3.61503 14.7446 4.02763C12.8985 3.75003 11.0693 3.75003 9.25715 4.02763C9.0854 3.61513 8.83059 3.09641 8.61534 2.71082C6.90139 3.00722 5.23486 3.53182 3.66018 4.27063C0.526681 9.00585 -0.322788 13.6233 0.1019 18.1754C2.18024 19.7275 4.19437 20.6703 6.17456 21.2873C6.66668 20.6105 7.10171 19.894 7.47515 19.1452C6.76417 18.8745 6.07877 18.5409 5.42709 18.1484C5.59858 18.0213 5.76604 17.8889 5.92921 17.7512C9.87815 19.5983 14.1689 19.5983 18.0708 17.7512C18.2347 17.8879 18.4021 18.0204 18.5728 18.1484C17.9201 18.542 17.2334 18.8762 16.521 19.1472C16.8966 19.899 17.3308 20.6162 17.8216 21.2892C19.8036 20.6723 21.8196 19.7294 23.898 18.1754C24.3964 12.8984 23.0467 8.32335 20.3302 4.26678ZM8.01318 15.376C6.82771 15.376 5.85553 14.2693 5.85553 12.9216C5.85553 11.5739 6.80699 10.4653 8.01318 10.4653C9.21946 10.4653 10.1916 11.572 10.1708 12.9216C10.1727 14.2693 9.21946 15.376 8.01318 15.376ZM15.9867 15.376C14.8012 15.376 13.8291 14.2693 13.8291 12.9216C13.8291 11.5739 14.7805 10.4653 15.9867 10.4653C17.193 10.4653 18.1651 11.572 18.1444 12.9216C18.1444 14.2693 17.193 15.376 15.9867 15.376Z" fill="#0066cc"/>
    </g>
    <defs>
    <clipPath id="clip0_4125_5937">
    <rect width="24" height="24" fill="white"/>
    </clipPath>
    </defs>
    </svg>}
        href="https://huggingface.co/LiteFold"
      >
        Connect with researchers and access our models on HuggingFace
      </Card>

      <Card
        title="Read Our Blog"
        icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 2H5C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2Z" stroke="#0066cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M7 7H17" stroke="#0066cc" stroke-width="2" stroke-linecap="round"/>
    <path d="M7 12H17" stroke="#0066cc" stroke-width="2" stroke-linecap="round"/>
    <path d="M7 17H13" stroke="#0066cc" stroke-width="2" stroke-linecap="round"/>
    </svg>}
        href="https://www.litefold.ai/blog"
      >
        Stay updated with the latest research, tutorials, and platform updates
      </Card>

      <Card
        title="Research Publications"
        icon={<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#0066cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M2 17L12 22L22 17" stroke="#0066cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M2 12L12 17L22 12" stroke="#0066cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>}
        href="https://www.litefold.ai/research"
      >
        Explore our research and scientific publications
      </Card>
    </Columns>
  </Container>
</div>