Dyad

Dyad 开源应用开发 APP开发

v0 / lovable / Bolt 的开源平替方案！ Dyad 是一款免费开源的本地化 AI 应用开发工具，兼容 Windows 和 Mac 双平台。支持使用自有 API 密钥灵活调用主流 AI 模型（包括 Gemini、GPT-4.1、Claude 等），内置数据库与身份验证系统可快速构建完整应用。在 Dyad 中完全启动您的全栈应用程序 Dyad 的Supabase 集成（包括身份验证、数据库和服务器功能）让您构建的不仅仅是 UI。在 Dyad 中打造您的 MVP。任何 AI 模型，包括免费层级您无需受限于单一供应商或模型。您可以使用自己的 API 密钥来支持 Gemini 2.5 Pro（每天 25 条免费消息）、OpenAI 的 GPT-4.1、Claude Sonnet 3.7 等顶级模型。无需锁定，您的工具，您的代码所有源代码都保留在您的计算机上。使用您常用的 IDE（VS Code、Cursor 等），并将 Dyad 无缝集成到您现有的工作流程中。

相关推荐

PageAI

<p>PageAI 是专为专业人士设计的 AI 网站生成器，能将简单的文字描述快速转化为功能完备、设计精美的网站。用户无需编写代码，只需输入需求描述，PageAI 可通过强大的 AI 模型，自动完成从规划、设计到编码的全过程，生成响应式、SEO 优化的网站代码，支持一键部署。提供丰富的定制选项，如主题、字体和布局调整，内置了博客系统、网站地图、RSS 订阅、暗色模式等多种实用功能，满足不同用户的需求。PageAI 采用现代技术栈，如 Next.js、Tailwind CSS 和 TypeScript，确保网站的高性能和可扩展性，帮助用户节省大量开发时间和精力，快速搭建出专业且个性化的网站。</p> <h2 style="font-size: 20px;">PageAI的官网地址</h2> <ul> <li>官网地址： <a href="https://pageai.pro/" target="_blank" rel="noopener">https://pageai.pro/</a> </li> </ul>

vTable

<p>VTable: 不只是高性能的多维数据分析表格，更是行列间创作的方格艺术家！免费，开源，基于Canvas 的百万数据秒级渲染前端表格组件库</p> <p>VTable是字节跳动开源可视化解决方案 VisActor 的组件之一。</p> <p>在现代应用程序中，表格组件是不可或缺的一部分，它们能够快速展示大量数据，并提供良好的可视化效果和交互体验。VTable是一款基于可视化渲染引擎VRender的高性能表格组件库，为用户提供卓越的性能和强大的多维分析能力，以及灵活强大的图形能力。</p> <h2 style="font-size: 20px;">快速上手</h2> <h2 style="font-size: 20px;">获取 VTable</h2> <p>你可以通过以下几种方式获取 VTable。</p> <h3 style="font-size: 18px;">使用 NPM 包</h3> <p>首先，你需要在项目根目录下使用以下命令安装 VTable：</p> <div class="highlight"> <pre><code class="language-text"># 使用 npm 安装 npm install @visactor/vtable # 使用 yarn 安装 yarn add @visactor/vtable </code></pre> </div> <h3 style="font-size: 18px;">使用 CDN</h3> <p>你还可以通过 CDN 获取构建好的 VTable 文件。</p> <div class="highlight"> <pre><code class="language-text">&lt;script src="https://unpkg.com/@visactor/vtable/dist/vtable.min.js"&gt;&lt;/script&gt; </code></pre> </div> <h2 style="font-size: 20px;">引入 VTable</h2> <h3 style="font-size: 18px;">通过 NPM 包引入</h3> <p>在 JavaScript 文件顶部使用 <code>import</code> 引入 VTable：</p> <div class="highlight"> <pre><code class="language-text">import * as VTable from '@visactor/vtable'; or import {ListTable, PivotTable, TYPES, themes} from '@visactor/vtable'; </code></pre> </div> <h3 style="font-size: 18px;">使用 script 标签引入</h3> <p>通过直接在 HTML 文件中添加 <code>&lt;script&gt;</code> 标签，引入构建好的 vtable 文件：</p> <div class="highlight"> <pre><code class="language-text">&lt;script src="https://unpkg.com/@visactor/vtable/dist/vtable.min.js"&gt;&lt;/script&gt;&lt;script&gt;const tableInstance = new VTable.ListTable(option);&lt;/script&gt; </code></pre> </div> <h2 style="font-size: 20px;">绘制一个简单的表格</h2> <p>在绘图前我们需要为 VTable 准备一个具备高宽的 DOM 容器。</p> <div class="highlight"> <pre><code class="language-text">&lt;body&gt; &lt;div id="tableContainer" style="width: 600px;height:400px;"&gt;&lt;/div&gt;&lt;/body&gt; </code></pre> </div> <p>接下来，我们创建一个 <code>Vtable.ListTable</code> 实例，传入表格配置项：</p> <div class="highlight"> <pre><code class="language-text">const records = [ { "230517143221027": "CA-2018-156720", "230517143221030": "JM-15580", "230517143221032": "Bagged Rubber Bands", "230517143221023": "Office Supplies", "230517143221034": "Fasteners", "230517143221037": "West", "230517143221024": "Loveland", "230517143221029": "2018-12-30", "230517143221042": "3", "230517143221040": "3.024", "230517143221041": "-0.605" }, { "230517143221027": "CA-2018-115427", "230517143221030": "EB-13975", "230517143221032": "GBC Binding covers", "230517143221023": "Office Supplies", "230517143221034": "Binders", "230517143221037": "West", "230517143221024": "Fairfield", "230517143221029": "2018-12-30", "230517143221042": "2", "230517143221040": "20.72", "230517143221041": "6.475" }, (...)]; const columns =[ { "field": "230517143221027", "title": "Order ID", "width": "auto" }, { "field": "230517143221030", "title": "Customer ID", "width": "auto" }, (...) ]; const option = { records, columns, widthMode:'standard'}; // 创建 VTable 实例 const tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID), option);</code></pre> </div> <p>效果如下：</p> <figure data-size="normal"> <div><img style="display: block; margin-left: auto; margin-right: auto;" src="https://img.medsci.cn/aisite/tinymce/2025/06/10/1749584916_huI3nVQ4qq.jpg"></div> </figure>

小摹AI

小摹AI是原型设计工具摹客RP的AI智能助手，可以根据用户描述自动生成可编辑的线框原型，还可以生成图片、文本、翻译等内容，提升设计效率。

免费html模板

超过1500种开源免费的模板，支持各种解决方案。包括，HTML，Bootstrap，Tailwind，Shadcn，Material，Bulma，Angular，React，Nextjs，Vue，Nuxt，Svelte，Gatsby，Astro，Laravel，Django，Jekyll，Hugo，BCMS