Tweet to Code

tweet-to-code.vercel.app

把 Twitter 上的设计稿还原成可复用代码的合集，支持 shadcn/ui CLI 安装。

开源ReactTailwind网页

被推荐 1 次

访问网站 ↗

适合做什么

适合前端开发者与设计师寻找现成 UI 代码片段，快速集成到 React 项目。

标签与属性

授权

开源

技术栈

React Tailwind

平台

网页

谁在推荐

@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗

tweet-to-code Twitter design recreations as code. Link 2024-12-27T12:56:05.000Z

同类推荐

区块 / Sections

shadcn/ui Blocks

shadcn/ui 官方区块库，提供可复制粘贴的现代 UI 区块，支持所有 React 框架，开源免费。

开源ReactTailwind后台落地页

ui.shadcn.com1 处推荐详情

组件库

Flowbite

★ 9,364

基于 Tailwind CSS 的开源 UI 组件库，含 600+ 组件、区块与页面，并提供 Figma 设计稿。

免费+付费TailwindHTML/CSS落地页后台

flowbite.com2 处推荐详情

组件库

21st.dev

由设计工程师打造的 React 组件与 shadcn 主题社区目录，支持实时预览、一键复制 AI 提示词或 CLI 安装。

ReactTailwind落地页SaaS

21st.dev7 处推荐详情

区块 / Sections

Shadcn UI Blocks

3900+ 个 shadcn/ui 区块与模板，支持 CLI 安装、MCP 拉取和在线设计器。

免费+付费ReactNext.jsTailwind落地页

shadcn-ui-blocks.vercel.app1 处推荐详情

组件库

ReUI

基于 shadcn/ui 的组件与区块平台，含 1149 个免费组件、638 个图标、模板及面向 AI 编码代理的 MCP 服务。

免费+付费ReactTailwindNext.jsAstro

reui.io4 处推荐详情

区块 / Sections

Shadcnblocks

基于 shadcn/ui 与 Tailwind 的高级区块与组件库，含 2157+ 区块、20 套模板与 Figma 套件。

付费ReactNext.jsTailwindAstro

shadcnblocks.com1 处推荐详情