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

# Trickest Library

> Explore the components of the Trickest platform

export const CategoryCard = ({category, icon, href, description}) => <a href={href} style={{
  textDecoration: 'none'
}}>
    <div style={{
  backgroundColor: 'transparent',
  borderRadius: '8px',
  padding: '1rem',
  border: '1px solid rgba(255, 255, 255, 0.1)',
  transition: 'all 0.3s ease',
  display: 'flex',
  alignItems: 'center',
  minHeight: '80px',
  cursor: 'pointer',
  width: '100%',
  boxSizing: 'border-box'
}} onMouseOver={e => {
  e.currentTarget.style.boxShadow = '0 8px 16px rgba(0, 0, 0, 0.3)';
  e.currentTarget.style.border = '1px solid #00CCFF';
}} onMouseOut={e => {
  e.currentTarget.style.boxShadow = 'none';
  e.currentTarget.style.border = '1px solid rgba(255, 255, 255, 0.1)';
}}>
      <div style={{
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
  width: '40px',
  height: '40px',
  marginRight: '1rem',
  backgroundColor: 'rgba(0, 204, 255, 0.1)',
  borderRadius: '50%',
  flexShrink: 0
}}>
        <Icon icon={icon} color="#00CCFF" size={20} />
      </div>
      <div style={{
  flexGrow: 1,
  overflow: 'hidden'
}}>
        <h3 style={{
  margin: 0,
  fontSize: '0.9rem',
  color: '#fff',
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap'
}}>{category}</h3>
        <p style={{
  margin: '0.5rem 0 0',
  fontSize: '0.75rem',
  color: '#bbb',
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap'
}}>{description}</p>
      </div>
    </div>
  </a>;

<div
  style={{
position: 'relative',
width: '100%',
height: '400px',
overflow: 'hidden',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
backgroundImage: 'url("https://res.cloudinary.com/db14crach/image/upload/v1726875480/new-docs/library/modules-release_ghijaq.png")',
backgroundSize: 'cover',
backgroundPosition: 'center',
margin: '0 0 2rem 0'
}}
>
  <h1
    style={{
fontSize: '3rem',
fontWeight: 'bold',
color: '#fff',
textAlign: 'center',
margin: '0 0 1rem 0'
}}
  >
    Welcome to Trickest Library
  </h1>

  <p
    style={{
fontSize: '1.5rem',
color: '#fff',
textAlign: 'center',
margin: '0 0 1rem 0'
}}
  >
    End-to-end solutions for seamless security automation.
  </p>

  <a class="group px-6 py-3 relative inline-flex items-center text-lg font-semibold" href="modules">
    <span class="absolute inset-0 bg-primary-dark/80 dark:bg-primary-light/10 border-primary-light/30 dark:border group-hover:opacity-90 dark:group-hover:border-primary-light/60 rounded-xl backdrop-blur-sm" />

    <div class="mr-0.5 space-x-3 flex items-center">
      <span class="z-10 text-white dark:text-primary-light">Explore Modules</span>

      <svg width="3" height="24" viewBox="0 -9 3 24" class="h-6 rotate-0 overflow-visible text-white/90 dark:text-primary-light">
        <path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
      </svg>
    </div>
  </a>
</div>

<div
  style={{
display: 'flex',  
justifyContent: 'center',  
alignItems: 'center',  
maxWidth: '1200px',
margin: '0 auto 3rem auto',
color: '#fff',
}}
>
  <div
    style={{
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
gap: '1rem',
}}
  >
    {[
            { name: 'Attack Surface Management', icon: 'building', href: '/docs/library/attack-surface-management', description: 'Monitor and manage your digital assets.' },
            { name: 'Cloud Storage', icon: 'cloud', href: '/docs/library/cloud-storage', description: 'Securely store and manage data in the cloud.' },
            { name: 'Containers', icon: 'box', href: '/docs/library/containers', description: 'Manage and secure containerized applications.' },
            { name: 'Content Discovery', icon: 'folder', href: '/docs/library/content-discovery', description: 'Discover hidden content and directories.' },
            { name: 'Discovery', icon: 'binoculars', href: '/docs/library/discovery', description: 'Identify assets and gather intelligence.' },
            { name: 'Fuzzing', icon: 'shuffle', href: '/docs/library/fuzzing', description: 'Detect vulnerabilities through random testing.' },
            { name: 'Machine Learning', icon: 'brain', href: '/docs/library/machine-learning', description: 'Leverage AI to enhance security.' },
            { name: 'Misconfiguration', icon: 'exclamation', href: '/docs/library/misconfiguration', description: 'Identify and fix configuration errors.' },
            { name: 'Network', icon: 'network-wired', href: '/docs/library/network', description: 'Analyze and secure network infrastructure.' },
            { name: 'OSINT', icon: 'eye', href: '/docs/library/osint', description: 'Gather intelligence from public sources.' },
            { name: 'Passwords', icon: 'key', href: '/docs/library/passwords', description: 'Manage and secure user credentials.' },
            { name: 'Recon', icon: 'binoculars', href: '/docs/library/recon', description: 'Perform reconnaissance to gather data.' },
            { name: 'Scanners', icon: 'barcode', href: '/docs/library/scanners', description: 'Utilize tools to detect vulnerabilities.' },
            { name: 'Secret Discovery', icon: 'user-secret', href: '/docs/library/secret-discovery', description: 'Find and secure exposed secrets.' },
            { name: 'Social Engineering', icon: 'users', href: '/docs/library/social-engineering', description: 'Learn techniques for human-based hacking.' },
            { name: 'Static Code Analysis', icon: 'code', href: '/docs/library/static-code-analysis', description: 'Analyze code for potential vulnerabilities.' },
            { name: 'Threat Intelligence', icon: 'shield-virus', href: '/docs/library/threat-intelligence', description: 'Gather data on potential threats.' },
            { name: 'Utilities', icon: 'plug', href: '/docs/library/utilities', description: 'Explore helpful tools for security tasks.' },
            { name: 'Vulnerability Scanning', icon: 'bug', href: '/docs/library/vulnerability-scanning', description: 'Track and manage security flaws.' },
            { name: 'Need new category?', icon: 'question', href: 'https://trickest.com/contact-us/', description: 'Contact Us' }
          ].map((category) => (
            <CategoryCard key={category.name} category={category.name} icon={category.icon} href={category.href} description={category.description} />
          ))}
  </div>
</div>

<div
  style={{
display: 'flex',
justifyContent: 'center', 
alignItems: 'center',
width: '100%',
margin: '2rem 0',
}}
>
  <h2
    style={{
fontSize: '2rem',
color: "#fff"
}}
  >
    Learn more about Trickest Nodes
  </h2>
</div>

<div
  style={{
display: 'grid',
gridTemplateColumns: 'repeat(2, 1fr)',
gap: '1.5rem',
maxWidth: '1200px',
margin: '0 auto',
}}
>
  <Card
    style={{
backgroundColor: '#0a0b1c',
borderRadius: '12px',
padding: '1.5rem',
color: '#fff',
display: 'flex',
alignItems: 'center',
transition: 'border 0.3s',
border: '2px solid transparent'
}}
    onMouseEnter={(e) => e.currentTarget.style.border = '2px solid #00CCFF'}
    onMouseLeave={(e) => e.currentTarget.style.border = '2px solid transparent'}
  >
    <img src="https://mintcdn.com/trickest/yX5j7bI1lH5Hv4IH/images/icons/workflows.svg?fit=max&auto=format&n=yX5j7bI1lH5Hv4IH&q=85&s=359378e97855649dfa151f8b910f8f28" alt="Workflows" style={{width: '30px', marginRight: '1rem'}} width="50" height="50" data-path="images/icons/workflows.svg" />

    <div>
      <h2 style={{margin: '0 0 0.5rem 0', fontSize: '1.2rem', marginTop: '0.7rem', fontWeight: '600', color: 'white'}}>Workflows</h2>
      <p style={{margin: 0, fontSize: '0.9rem', color: '#bbb'}}>Explore how workflows can automate your offensive security tasks, saving time and boosting efficiency.</p>

      <br />

      <a href="/docs/key-concepts/workflows" style={{color: '#00CCFF', textDecoration: 'none', fontWeight: 'bold'}}>Explore Workflows →</a>
    </div>
  </Card>

  <Card
    style={{
backgroundColor: '#0a0b1c',
borderRadius: '12px',
padding: '1.5rem',
color: '#fff',
display: 'flex',
alignItems: 'center',
transition: 'border 0.3s',
border: '2px solid transparent'
}}
    onMouseEnter={(e) => e.currentTarget.style.border = '2px solid #00CCFF'}
    onMouseLeave={(e) => e.currentTarget.style.border = '2px solid transparent'}
  >
    <img src="https://mintcdn.com/trickest/yX5j7bI1lH5Hv4IH/images/icons/modules.svg?fit=max&auto=format&n=yX5j7bI1lH5Hv4IH&q=85&s=f4d564244a5d01be709d8b0a36a43938" alt="Modules" style={{width: '30px', marginRight: '1rem'}} width="50" height="50" data-path="images/icons/modules.svg" />

    <div>
      <h2 style={{margin: '0 0 0.5rem 0', fontSize: '1.2rem', marginTop: '0.7rem', fontWeight: '600', color: 'white'}}>Modules</h2>
      <p style={{margin: 0, fontSize: '0.9rem', color: '#bbb'}}>See how tailored modules for offensive security can help you get faster results by simplifying your tasks.</p>

      <br />

      <a href="/docs/using-the-app/workflow-and-executions/creating-and-using-modules" style={{color: '#00CCFF', textDecoration: 'none', fontWeight: 'bold'}}>Explore Modules →</a>
    </div>
  </Card>

  <Card
    style={{
backgroundColor: '#0a0b1c',
borderRadius: '12px',
padding: '1.5rem',
color: '#fff',
display: 'flex',
alignItems: 'center',
transition: 'border 0.3s',
border: '2px solid transparent'
}}
    onMouseEnter={(e) => e.currentTarget.style.border = '2px solid #00CCFF'}
    onMouseLeave={(e) => e.currentTarget.style.border = '2px solid transparent'}
  >
    <img src="https://mintcdn.com/trickest/yX5j7bI1lH5Hv4IH/images/icons/tools.svg?fit=max&auto=format&n=yX5j7bI1lH5Hv4IH&q=85&s=7bcc3c429c149954d0d1c4abe5da9ef2" alt="Tools" style={{width: '30px', marginRight: '1rem'}} width="50" height="50" data-path="images/icons/tools.svg" />

    <div>
      <h2 style={{margin: '0 0 0.5rem 0', fontSize: '1.2rem', marginTop: '0.7rem', fontWeight: '600', color: 'white'}}>Tools</h2>
      <p style={{margin: 0, fontSize: '0.9rem', color: '#bbb'}}>Find out how tools can help you create custom automation for offensive security.</p>

      <br />

      <a href="/docs/key-concepts/building-blocks/tools" style={{color: '#00CCFF', textDecoration: 'none', fontWeight: 'bold'}}>Explore Tools →</a>
    </div>
  </Card>

  <Card
    style={{
backgroundColor: '#0a0b1c',
borderRadius: '12px',
padding: '1.5rem',
color: '#fff',
display: 'flex',
alignItems: 'center',
transition: 'border 0.3s',
border: '2px solid transparent'
}}
    onMouseEnter={(e) => e.currentTarget.style.border = '2px solid #00CCFF'}
    onMouseLeave={(e) => e.currentTarget.style.border = '2px solid transparent'}
  >
    <img src="https://mintcdn.com/trickest/yX5j7bI1lH5Hv4IH/images/icons/scripts.svg?fit=max&auto=format&n=yX5j7bI1lH5Hv4IH&q=85&s=a0170a96118f6daa88cb07f00316b295" alt="Scripts" style={{width: '30px', marginRight: '1rem'}} width="50" height="50" data-path="images/icons/scripts.svg" />

    <div>
      <h2 style={{margin: '0 0 0.5rem 0', fontSize: '1.2rem', marginTop: '0.7rem', fontWeight: '600', color: 'white'}}>Scripts</h2>
      <p style={{margin: 0, fontSize: '0.9rem', color: '#bbb'}}>Discover how scripts can help you extract, transform, and integrate your security data effectively.</p>

      <br />

      <a href="/docs/key-concepts/building-blocks/scripts" style={{color: '#00CCFF', textDecoration: 'none', fontWeight: 'bold'}}>Explore Scripts →</a>
    </div>
  </Card>
</div>