#插件 #前端 #开源

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

⬇️ Chrome 商店

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

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

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

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

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

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

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

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

#AI #在线生成 #前端

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

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

支持使用 OpenAI、Groq 等大模型

📑相关阅读

▫️Vercel v0 已对所有人开放！
▫️Wegic - 通过 AI 对话生成网页
▫️Draw-a-UI - 一个将草图转换为网页的工具
▫️Make It Real - 一个将草图转换为网页的开源在线工具
▫️Screenshot To Code - 将网页截图转化成代码

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

#开源 #前端

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

🌐 体验网站

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

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

#前端 #网站

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

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

📑相关阅读

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

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

#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

#开源 #前端 #开发 #UI #开源

❇️MetalliCSS一个在线生成金属效果CSS的工具

🧩开源地址

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

#开源 #前端 #开发 #UI

❇️4个免费美观的CSS效果库

🔗CSS阴影框 | CSS按钮 | CSS复选框 | CSS形状

📃复制粘贴，over

📚相关阅读：UIVERSE - 一个开源的UI前端库

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