博客区块
展示您的文章。 即用的 React UI 区块，新粗野主义风格——英雄区、定价、登录注册、仪表盘等。可预览任意屏幕尺寸，复制代码，或通过我们的 MCP 服务器用 AI 代理安装。兼容 Radix UI、Base UI 和 React Aria。
Pro 源码
8 个区块
- Hero、定价与登录
- 预览每个断点
- 复制源代码
- MCP 已准备好安装
- Radix · Base UI · React Aria
- 158 现成砌块
- 已发布的页面部分
- 仪表盘与营销
- Pro 解锁密码
- 即用型布局
浏览每个布局
博客
8 个区块 — 点击任何卡片查看全屏预览、代码和安装步骤。
- 01Pro
带阅读时长条的博客卡片
React 与 Tailwind 博客网格:每张卡片底部是阅读时长条和 Read full 标签,上方是一篇通栏头条,替换成你自己的内容源即可。
- 02Pro
带侧边栏的头条文章
React 与 Tailwind 博客区块:头条文章占八列,三篇无图侧边栏文章占四列,把你最重要的故事放在最前面。
- 03Pro
带缩略图的博客列表
React 与 Tailwind 博客列表:以行而非卡片排列,每行含双层投影缩略图、分类标签、标题和作者信息,适合展示长篇归档。
- 04Pro
杂志风博客特写网格
React 与 Tailwind 杂志风网格:两张宽卡文字配竖版缩略图,旁边是一张纵向堆叠的高卡,如同印刷版目录页。
- 05Pro
瀑布流博客图片网格
React 与 Tailwind 瀑布流网格:用 CSS columns 让每张封面保留原始拍摄比例,配大写标题和标签,适合以摄影为主的内容。
- 06Pro
极简纯文字博客网格
React 与 Tailwind 博客网格:完全没有封面图,只有分类标签、标题、头像和相对时间,悬停时卡片才显示边框,发文更快。
- 07Pro
卡片叠压式博客首图
React 与 Tailwind 博客首图:头条卡片悬挂在通栏封面照片的下边缘,下方是三张带内嵌缩略图的卡片,用一张大图开篇。
- 08Pro
三列博客卡片网格
React 与 Tailwind 博客索引:标题带手绘高亮,旁边是查看全部按钮,下方是三张等宽卡片,带角标分类标签和限行摘要。