React Tailwind 组件构建器 - 实时预览和代码生成器

免费的 React Tailwind 组件构建器,带有实时预览。使用 Tailwind CSS 创建按钮、输入框、文本区域、选择框和面包屑。立即导出可用于生产的 React 代码。

使用 Tailwind CSS 的 React 组件构建器

使用 Tailwind CSS 构建 React 组件并查看实时预览

组件类型

属性

响应式视图

状态预览

实时预览

生成的代码

<button 
  className="text-white bg-blue-500 py-2 px-4 m-0 border border-transparent rounded text-base font-medium hover:bg-opacity-90 focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-pointer"
  
>
  Button
</button>
📚

文档

Loading content...
🔗

相关工具

发现更多可能对您的工作流程有用的工具