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

# TYPO3 Templates & Themes

> Browse all T3Planet TYPO3 templates — business, React.js, Bootstrap, and e-commerce themes.

<div className="t3-hub-landing t3-template-landing">
  <div className="t3-category-nav" role="navigation"><a className="" href="/en/latest/en/latest/">Home</a><a className="" href="/en/latest/en/latest/AIFoundationExtensions/Index">AI Extensions</a><a className="active" href="/en/latest/en/latest/AllTemplates/Index">TYPO3 Templates & Themes</a><a className="" href="/en/latest/en/latest/AllExtensions/Index">TYPO3 Extensions</a></div>

  <div className="t3-hero-panel">
    <div className="t3-landing-hero t3-hero-large">
      <p className="t3-landing-eyebrow">TYPO3 Templates & Themes</p>
      <h1 className="t3-landing-title">All TYPO3 Templates & Themes</h1>
      <p className="t3-landing-subtitle">Karma (business), Bootstrap, Shop (e-commerce), Avatar (portfolio), plus Ayu, Reva, Shiva, and ReactBootstrap.</p>

      <button type="button" className="t3-search-trigger" data-t3-search-trigger aria-label="Search documentation...">
        <span>Search documentation...</span>
        <kbd>⌘K</kbd>
      </button>
    </div>

    <div className="t3-stats-bar"><div className="t3-stat-card"><span className="t3-stat-value" data-t3-stat="pages">774</span><span className="t3-stat-label">Documentation pages</span></div><div className="t3-stat-card"><span className="t3-stat-value" data-t3-stat="products">68</span><span className="t3-stat-label">Products</span></div></div>
  </div>

  <section className="t3-landing-section">
    <p className="t3-landing-eyebrow">Template catalog</p>

    <div className="t3-product-grid">
      <a className="t3-product-card" href="/en/latest/en/latest/ExtThemes/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="layout-template" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">TYPO3 Templates</h3>
            <span className="t3-category-badge">Overview</span>
          </div>
        </div>

        <p className="t3-product-desc">Central hub for all T3Planet TYPO3 theme documentation — installation, configuration, and customization.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTKarma/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="palette" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Karma</h3>
            <span className="t3-category-badge">Business</span>
          </div>
        </div>

        <p className="t3-product-desc">Premium business theme with content blocks, SEO tools, and full TYPO3 v13/v14 upgrade paths.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTAvatar/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="circle-user" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Avatar</h3>
            <span className="t3-category-badge">Portfolio</span>
          </div>
        </div>

        <p className="t3-product-desc">Creative portfolio theme with Mask elements, editor guides, and performance optimization.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTAyu/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="zap" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Ayu</h3>
            <span className="t3-category-badge">React</span>
          </div>
        </div>

        <p className="t3-product-desc">Modern React.js-powered theme with preview features, demo site, and Mask-based elements.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTBootstrap/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="grid-3x3" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Bootstrap</h3>
            <span className="t3-category-badge">Bootstrap</span>
          </div>
        </div>

        <p className="t3-product-desc">Bootstrap-based TYPO3 theme with custom elements, SEO configuration, and upgrade guides.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTReactBootstrap/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="square-code" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">ReactBootstrap</h3>
            <span className="t3-category-badge">React + Bootstrap</span>
          </div>
        </div>

        <p className="t3-product-desc">React.js and Bootstrap combined — custom elements, localization, and frontend build pipeline.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTReva/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="sparkle" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Reva</h3>
            <span className="t3-category-badge">React</span>
          </div>
        </div>

        <p className="t3-product-desc">Elegant React.js theme with preview, demo site, and comprehensive customization options.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTShiva/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="mountain" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Shiva</h3>
            <span className="t3-category-badge">React</span>
          </div>
        </div>

        <p className="t3-product-desc">Feature-rich React.js theme with custom elements, localization, and performance tuning.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>

      <a className="t3-product-card" href="/en/latest/en/latest/EXTShop/Index">
        <div className="t3-product-card-header">
          <span className="t3-icon-shell t3-product-icon-shell">
            <Icon icon="shopping-bag" size={22} className="t3-product-icon" />
          </span>

          <div>
            <h3 className="t3-product-name">Shop</h3>
            <span className="t3-category-badge">E-Commerce</span>
          </div>
        </div>

        <p className="t3-product-desc">TYPO3 e-commerce theme with shop configuration, product pages, and checkout setup.</p>

        <div className="t3-product-links">
          <span className="t3-link-pill">View docs</span>
        </div>
      </a>
    </div>
  </section>
</div>