← 返回主页

HTML Anything

75+ AI 智能模板库

75+ AI 智能模板

AI 自动读懂你的内容,匹配最佳版式。从文章到视频帧,从数据报告到产品原型,全部一次生成。

🔓 登录后每月可免费生成 1 次,升级 Pro 每月 20 次

营销与内容 (22)

📖 A4 / 长页面

杂志文章

Substack / Medium 高级感长文排版, 适合公众号、博客发布

📰 长页面

博客长文

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

🐦 1600×900 (16:9)

Twitter 分享卡

推特金句 / 数据卡, 适合配推文

📱 1080×1440 (3:4)

小红书图文卡片

小红书风格知识卡片, 多张联排可滑动浏览

🖋️ 16:9 横向翻页

贵赞编辑墨水 Deck

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

📰 16:9 横向翻页

杂志风网页 PPT

电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display

🎉 16:9

产品发布 Keynote

暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA

🟦 16:9 横向翻页

瑞士国际主义 Deck

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

🎀 810×1080 ×9

小红书图文 Deck

9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片

🌈 16:9 / 3:4

白底杂志风 Deck

纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill

📚 双页预览

电子指南

两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表

📧 600 邮件宽

营销邮件

产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallback

🗞️ 竖版长图

杂志风海报

Sunday-paper 风格, 大字 serif headline + 双栏正文 + 编号 sections

🌀 桌面 hero

动效英雄帧

可循环 CSS 动效组合: 旋转环、地球仪、计时器、视差标签

🖼️ 1080×1920 竖版

营销海报

竖版海报 / 朋友圈分享图, 强视觉冲击

🎬 16:9 (1280×720)

Keynote 风格 PPT

苹果 Keynote 级别幻灯片, 一屏一卡, 键盘左右切换

🚀 桌面 1440

SaaS Landing

单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA

🎠 1080×1080 ×3

社交媒体三联

三张方形卡片轮播, 标题串联, 品牌 mark + 编号

🔺 1280×720 或 800×600

Reddit 帖子卡

拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享

𝕏 1280×720 或 1080×1080

X (Twitter) 帖子卡

拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享

🕹️ 竖版/横版均可

像素动画解说

像素美术 + kinetic 字体的解说帧, 纯 CSS 循环, 可录视频

✉️ 桌面 1440

等候名单页

极简产品预发布落地页, 含邮箱捕获、logo、装饰图层

运营与管理 (7)

🎛️ 桌面 1440

管理后台仪表板

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

🌊 桌面 1440

FlowAI 团队管理

三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出

📝 1920×1080 (16:9)

便利贴流程图帧

SVG 曲线连接 + 便利贴节点 + 光标交互, 像白板 brainstorm

📌 桌面 1440

看板 / Kanban

To do / In progress / In review / Done 四列, 卡片 + 头像 + 泳道

📈 桌面长页

Notion 风团队仪表板

Notion 风团队仪表板, KPI + 7 日 sparkline + activity feed + 任务表

🗒️ 长页面

会议纪要

标题 + 出席 + 议程 + 决议 + action items + 下次

🗓️ 16:9 ×8

团队周报 Deck

6-8 页横向滑动周报: 已发布 / 进行中 / 阻塞 / 指标 / 求助

财务与数据 (4)

📊 桌面长页面

数据可视化报告

把 CSV/Excel/JSON 数据转成漂亮的可视化报告页

🚀 16:9 ×10

投资人 Pitch Deck

10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask

💼 长页面

季度财报

Masthead + KPI + 收入/烧钱图 + P&L 表 + 重点 + 展望

🧾 A4

可打印发票

标准发票: 寄件/收件 + 明细 + 税 + 总额 + 付款指引

个人与生活 (7)

💞 桌面 1440

社区 / 配对数据墙

消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势

▶︎ 16:9

极简方向键 Keynote

8 页单色背景, 160px display + 4px accent + Mono 箭头列表

🍡 16:9

马卡龙慢生活 Deck

奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号

📜 A4 / Letter 长页

Kami 羊皮纸文档

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

🕹️ 3 × iPhone

游戏化 App 多屏

三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台

📄 A4 (210×297mm)

极简简历

现代极简简历, A4 单页, 适合打印或导出 PDF

🎵 1280×720 或 600×200

Spotify 正在播放卡

Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页

工程与技术 (9)

📐 16:9

蓝图架构 Deck

奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒

🌌 16:9

暗底图谱 Deck

深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono

🟢 16:9

Cyber Terminal Deck

黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag

🌃 16:9

GitHub Dark 紫渐变 Deck

GitHub-dark + 紫蓝环境光 + 三色渐变标题 + GitHub 风代码

🎤 16:9

演讲者模式 Deck

tokyo-night 默认主题, T 切换 5 主题, S 打开提词器 popup

⚠️ 16:9

安全 / 风险红色 Deck

红琥珀警示色 + hazard 条纹 + L1/L2/L3 tier 卡片 + 删除线标题

💻 16:9

技术分享 Deck

GitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&A

📘 桌面 1440

技术文档页

三栏文档页: 侧导航 + 正文 + 右 TOC

📕 长页面

工程 Runbook

服务概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清单

教育与培训 (1)

🎓 16:9

课程 / 培训 Deck

暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页

设计与原型 (8)

🎨 1920×1080 (16:9)

1920 画布自由 Deck

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

📲 iPhone 15 Pro frame

iPhone App 单屏

像素级 iPhone 15 Pro 边框, 一屏 app 截图

🪂 3 × iPhone

App 引导多屏

三个手机框并排: splash / value-prop / sign-in

🛠️ 1440×900 桌面

Web 产品原型

可点击的功能性 Web 原型, 含导航、英雄区、特性区、CTA

桌面 1440

Brutalist 原型

Swiss industrial-print 风: 单字 grotesque、巨数字、ASCII 装饰

📜 桌面 1440

Editorial 原型

Editorial-minimalist: 暖色单色 canvas + serif display + grotesque body

🫧 桌面 1440

Apple Soft 原型

Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring

✏️ 桌面 1440

手绘线框图

网格背景 + marker 笔触 + 多 tab + sticky note + scribble 图表

产品与增长 (5)

🟣 16:9

Replit Slides 风 Deck

Replit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)

▫️ 16:9

通用 Simple Deck

通用 horizontal-swipe HTML deck, 不要 magazine 调

📱 1920×1080 (16:9)

iPhone × MacBook 立体展架

iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图

🧭 长页面

PRD / 产品 Spec

问题 + 成功指标 + 范围 + user stories + 设计 + 发布 + 待解决

🎯 桌面 1440

团队 OKR 追踪

季度 banner + 3 个目标 + KR 进度条 + owner + 状态 pill

视频与动效 (8)

📈 1920×1080 (16:9)

NYT 风数据图表帧

NYT-newsroom 排版 + 错峰揭示动画 + 编辑级图表 (折线/柱/范围带)

1920×1080 (16:9)

故障艺术标题帧

数字故障 / 像散偏移 / 数据腐败标题, 适合视频转场 / cyberpunk hero

🎞️ 2.39:1 letterbox (1920×800) 或 16:9 (1920×1080)

胶片漏光电影帧

胶片漏光 + 颗粒噪点 + 16:9 letterbox + 衬线大字, 电影感开场 / 章节卡

🌊 1920×1080 (16:9) 或 1080×1920 (9:16)

流体背景 Hero 帧

WebGL 风流体置换背景 + 顶部叠加金句, 适合视频片头 / landing hero / 海报

🎬 1920×1080 (16:9)

品牌 Logo 收尾帧

Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 / 品牌闭幕

🔔 1920×1080 视频或 480×120 横幅

macOS 通知横幅

拟真 macOS 通知 banner + app icon + 标题正文, 适合 video overlay / 产品发布预告

1920×1080 (16:9)

VFX 文字光标

光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句

🎞️ 1920×1080 (16:9)

Hyperframes 视频脚本

Hyperframes / Remotion 兼容的连续帧动画, 可自动播放

人力资源 (1)

👋 长页面

新员工入职页

首周日程 + buddy + 学习路径 + 设备 + 完成标准

销售与定价 (1)

💳 桌面 1440

定价页

三档定价 + 特性对比表 + FAQ

创作者工具 (2)

📡 桌面 1440

社媒创作者仪表板

平台切换 + 粉丝/互动 KPI + 增长曲线 + Top post + 热门话题

🛰️ 桌面长页

社媒矩阵追踪面板

电影感多平台社媒分析: 互动图、悬浮洞察、区间对比、明暗主题