每日上新 · 预览即用
网站组件提示词，
网站组件提示词，
复制即出同款设计
像逛 21st.dev 一样浏览组件：Hero、文本域、图片轮播、按钮……每条都带实时预览与精准提示词，可按组件、风格、端与网站类型四维筛选，一键复用或下载 MD 文档。
示例预览 · Hero 区块
极简
每条提示词都配实时预览
实时预览 ↗
1
按四维筛选组件
组件类型 × 风格预设 × 端 × 网站类型，组合筛选
2
预览并获取提示词
卡片内置预览图，点开独立预览页可交互体验，一键复制提示词或下载 MD 文档
3
粘贴给 AI 建站
发给豆包等 AI 建站工具，生成同款组件与网站
组件库
⌕
没有找到匹配的组件，换个条件试试。
关于瑞诺模板
瑞诺模板是一个「网站组件提示词」集合库：每个组件都带实时预览图与独立预览链接（点开即可交互体验），并配一份精准提示词（写清结构、配色、字体、交互与适配端），可单独复用，也可组合拼装成完整网站。使用方法：筛选 → 预览（可点开交互体验）→ 复制提示词或下载 MD 文档 → 粘贴给 AI 建站工具（如豆包）生成同款组件。提示词中的配色与文案可按需修改，生成结果请结合实际需求校对调整。