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

# 模板庫

> 超過 50 個由 Prompt.to.design 產生的 UI 模板.

## 快速預覽

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
  <img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/homepage-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=196685982761b75c190fecf24cb8dd57" className="rounded-lg" width="2880" height="2346" data-path="images/templates/homepage-1.png" />

  <img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/dashboard-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=d964847d3da7705bdf7e4071829aab69" className="rounded-lg" width="2880" height="1800" data-path="images/templates/dashboard-1.png" />

  <img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/signup-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=b15616c3179ed08e8ef36f41cb3d4cfb" className="rounded-lg" width="2880" height="1800" data-path="images/templates/signup-1.png" />

  <img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/pricing-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=d22848daaf8097c37f5b41e580d1de0d" className="rounded-lg" width="2880" height="1800" data-path="images/templates/pricing-1.png" />

  <img src="https://mintcdn.com/uxarts/weK5C5uc79GLjm7y/images/templates/workspace-1.png?fit=max&auto=format&n=weK5C5uc79GLjm7y&q=85&s=031416c9a3d83f0248959c6727abaac3" className="rounded-lg" width="2880" height="1800" data-path="images/templates/workspace-1.png" />

  <img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/chatbot-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=da35690168fa5af79bfbf3ea9b6d4756" className="rounded-lg" width="2880" height="1800" data-path="images/templates/chatbot-1.png" />
</div>

<div
  style={{
marginTop: '2rem',
display: 'flex',
justifyContent: 'center',
}}
>
  <a
    href="https://www.figma.com/design/OU2qKo5cWSGyocBi73Nc12/50--free-templates-across-all-major-web-UI-types-%E2%80%94-90--coverage--Community-?node-id=0-1&p=f&t=YiJzQeJdSr8pDyyF-0"
    style={{
  backgroundColor: '#0F172A',
  color: 'white',
  padding: '12px 28px',
  borderRadius: '8px',
  fontSize: '16px',
  fontWeight: '600',
  textDecoration: 'none',
  boxShadow: '0 4px 12px rgba(0,0,0,0.08)',
  transition: 'all 0.2s ease',
}}
    onMouseOver="this.style.backgroundColor='#1E293B'"
    onMouseOut="this.style.backgroundColor='#0F172A'"
  >
    在 Figma 中查看所有模板
  </a>
</div>