#AI #在线生成 #前端

🪄 Dyad - 一个开源的 Lovable/v0/Bolt 替代品

🐙 开源页面

支持 Gemini、Claude 等大模型 API，同时支持本地 Ollama 模型。

内置数据库与身份验证系统，省去了繁琐的环境配置，可快速构建并测试一个完整的应用。

提供 Windows、macOS 客户端

➡️已收录至「AI 生成应用、网页的工具」

📮投稿 📢频道 💬群聊 🔎索引

#前端 #CSS #Windows

💻 文艺复兴：三个仿 Windows 的 CSS 库

Windows 98 | Windows XP | Windows 7

3个 CSS 库分别可以在网页上还原 Windows98、XP、7 的效果。有点意思

📮投稿 📢频道 💬群聊 🔎索引

#插件 #前端 #开源

✋如何实现一键偷代码！？

⬇️ Chrome 商店

UICloner 是一款 AI 驱动的浏览器插件，能够一键克隆网页上的任何 UI 组件，并自动生成相应的代码实现效果

支持 HTML+Tailwind CSS 或 HTML+纯CSS 代码生成，提供实时预览功能

📮投稿 📢频道 💬群聊 🔎索引

#开源 #前端 #开发 #工具

🔨 Onlook - 一个适用于 React 程序的开源可视化编辑器

Onlook 的理念是像使用 Figma 一样实现可视化开发 React 程序

优点是本地运行、实时可视化UI、AI对话，体验非常不错

📮投稿 📢频道 💬群聊 🔎索引

#AI #在线生成 #前端

🪄 OpenUI - 一款 AI 在线生成网页的构建工具

通过对话和上传图片，OpenUI 就会通过 AI 生成一个网页，支持下载源码和分享

支持使用 OpenAI、Groq 等大模型

➡️已收录至「AI 生成应用、网页的工具」

📮投稿 📢频道 💬群聊 🔎索引

#AI #在线生成 #前端

🪄 Wegic - 通过 AI 对话生成网页

Wegic 基于 GPT-4o 模型，通过自然的对话交互让你可以轻松创建和管理网站

你只需通过简单对话和发送图片，即可指导 Wegic 完成网站的整个建设流程

使用一番之后，对比 V0 最大的优势是对网站细节更加精细化的把控，AI 会引导你将网站细节完善，实际效果挺不错的（如图）。还荣登了producthunt周榜和日榜第一

➡️已收录至「AI 生成应用、网页的工具」

📮投稿 📢频道 💬群聊 🔎索引

#网站 #前端

🌐 Easy Frontend - 一个提供免费网页 UI 组件的网站

EasyFrontend 提供了 700 + 个免费 UI 组件，适用于 Bootstrap、React JS 和 Tailwind CSS

可以通过在线编辑器快速构建网站，还可以导出资源，分享预览链接

非常适合独立开发者快速开发

📮投稿 📢频道 💬群聊 🔎索引

#开源 #前端

🌐tsParticles - 一个开源的网页粒子特效前端库

演示地址

📄通过该项目，你可以创建高度可自定义的粒子动画，并将其用作网站的动画背景

该库同时托管在 jsDelivr 和 cdnjs ，便于引用

📮投稿 📢频道 💬群聊 🔎索引

#开源 #前端

🌐GOV.UK Frontend - 一个开源的政府网站前端

🌐 体验网站

📄这个项目是英国政府官网的前端，任何人都可以对它提交修改，但是不一定会通过

📮投稿 📢频道 💬群聊 🔎索引

#前端 #网站

🌏Aceternity UI - 一个炫酷的动效代码库

📄网站包含多种前端动态效果，可以在线体验和一键复制代码

📑相关阅读

▫️Lusion Labs - 一个收集炫酷前端网页的网站
▫️Handsome-css-lib - 收集网上仅靠 CSS 与 HTML 就可以实现的动效UI

📮投稿 📢频道 💬群聊 🔎索引

#AI #在线生成 #前端

🎁Vercel v0 已对所有人开放！

现在，每个人都能通过文本或图像生成代码了！

输入「提示词」或者「网页截图+提示词」，v0 便会在生成完整的网页界面代码

如图，我用中文输入了 APP 落地页，v0 便生成了 3 个界面给我，完成度很高

免费用户每月有 200 次使用额度

📑相关阅读

v0 - Vercel 发布的 AI 界面生成工具

📮投稿 📢频道 💬群聊 🔎索引

#AI #在线生成 #前端

😊v0 - Vercel 发布的 AI 界面生成工具

📄v0 基于 Shadcn UI 和 Tailwind CSS，用户只需输入描述文字就可以一键生成漂亮的用户界面，生成之后可以一键复制代码或 npm 安装

💡Features

▫️即时生成：可以根据用户的文本提示即时生成 UI 组件
▫️支持实时修改：提供更具体和详细的提示来获得更精确的结果
▫️简单易用：用户无需掌握复杂的设计或编程知识就可以使用
▫️集成多种组件：提供了多种 UI 组件的示例，如音乐播放器、发票表格等

*目前还在内测，需要提交申请才能使用，可以进入页面看看 Demo

📮投稿 📢频道 💬群聊 🔎索引

#教程 #电子书 #编程 #前端

📖《TypeScript 教程》

🌐开源地址

如今 TypeScript 越来越流行，成为前端开发的主流工具 如今 TypeScript 越来越流行，成为前端开发的主流工具

阮一峰从 2021 年底开始编写此书，今天正式发布，感谢他的无私贡献！

❔什么是 TypeScript

TypeScript是一种由Microsoft开发和维护的编程语言，它是JavaScript的超集

它在JavaScript的基础上添加了一些新的特性和语法，使开发者能够编写更可靠、可维护的代码

📮投稿 📢频道 💬群聊

#UI #设计 #前端 #框架

🌏Arwes - 一个未来科幻风的 Web UI 框架

⛓Demo1 | Demo2

📄Arwes 用于创建基于未来主义科幻设计、动画和音效的用户界面

适合用于游戏、元宇宙、科技等产品的界面开发，总体非常酷炫

📮投稿 📢频道 💬群聊

#前端 #网页 #设计 #网站

🌐Lusion Labs - 一个收集炫酷前端网页的网站

📄这个网站的的中文名叫幻觉实验室，不知道的以为是啥机构，用国内的话来说其实就是一家外包公司的企业网站，专门用于展示他们的客户案例

但是这样的外包公司我赌1包辣条国内没有，因为他们做的网站实在是泰酷辣😄

每点进一个卡片都可以看到他们设计的网站，一个比一个炫酷，还是交互式的，非常值得程序员和设计师群体参考💃

📮投稿 📢频道 💬群聊

#电子书 #开源 #前端 #开发

📗《JavaScript权威指南第七版》中英对照

🧩GitHub地址

📃该书详细介绍了 JavaScript 的各种函数和特性，其核心参考、客户端 JavaScript 参考和 DOM 参考占据了全书超过一半的篇幅

是编写 JavaScript 时最强大的参考手册之一

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#前端 #开发 #网站 #开源 #设计

Handsome-css-lib - 收集网上仅靠 CSS 与 HTML 就可以实现的动效UI

📃作者的建此站的目的是为了提高开发者的审美和技术

站内代码全部都是开源的，很多炫酷的组件，值得复制粘贴

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#前端 #工具 #插件

🧩CSS Spider - 一个偷CSS代码的插件

📃支持Chrome和Firefox

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#前端 #设计 #网站

🌐Calltoidea（呼唤创意） - 一个网页设计参考网站

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot

#学习 #书籍 #在线 #前端 #电子书

📖JavaScript指南 - 一本在线电子书

📃本书整理自各大技术社区和权威书籍的前端技术图谱

📢关注频道：@geekshare
💬加入群聊：@igeekshare
📮欢迎投稿：@Geekshare_bot