Skip to main content
🎉 Efficiency资源干货全收录

Search: #前端

  1. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Better I18N
    描述: 一个面向开发者和产品团队的AI驱动国际化翻译管理平台，支持类型安全SDK、Git同步与CDN交付。
    链接: https://better-i18n.com/zh-hans/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    Better I18N
    Better I18N — AI 驱动的翻译管理
    Better I18N — AI 驱动的翻译管理
    使用上下文感知 AI 翻译您的应用。与团队审核，即时发布到 CDN，自动保持每种语言同步。

  2. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Iconiq 开源React组件库
    描述: Iconiq是一个基于shadcn/ui和Motion构建的开源React组件库，提供可直接拷贝和定制的动画组件，帮助开发者快速构建流畅的产品界面。
    链接: https://iconiqui.com/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    Iconiq
    Iconiq | Editable React Components
    Iconiq | Editable React Components
    Discover Iconiq, an open-source React component library built around the shadcn registry workflow, editable UI primitives, and polished interactions.

  3. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Free Cinematic Video Hero Sections
    描述: 免费、开源的 cinematic 视频主角区资源库，可预览和下载 HTML、React、Next.js 源码。
    链接: https://openhero.art/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    openhero
    openhero - Free Cinematic Video Hero Sections
    openhero - Free Cinematic Video Hero Sections
    Browse and download cinematic video hero sections with production-ready source code. HTML, React, and Next.js - completely free.

  7. SVGlow | SVG 可视化动画编辑器

    一款主打“可视化 + AI生成”的在线 SVG 动画编辑工具，支持通过自然语言描述直接生成动画效果，并提供旋转、缩放、路径动画、Morph 变形、滤镜等多种动画类型；用户可以在时间轴中对多图层进行精细控制，支持交互触发（如 Hover、Click）以及路径节点编辑，同时还可导出为 SVG、GIF、MP4、WebM、Lottie 等多种格式，方便用于网页开发、UI设计或动效制作；整体属于“AI生成 + 可视化编辑 + 多格式输出”的一站式 SVG 动画解决方案，适合设计师与前端开发者快速制作高质量动效。

    点击访问

    #SVGlow #SVG动画 #AI工具 #前端开发 #动效设计
    ❤️ 4

  8. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Limeplay 开源视频播放器组件
    描述: Limeplay 是一个基于 shaka-player 和 shadcn/ui 的开源视频播放器界面组件系统，提供流畅的播放体验、无障碍支持及灵活定制。
    链接: https://limeplay.winoffrg.dev/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    Limeplay - Open Source Video Player UI Components
    Limeplay - Open Source Video Player UI Components
    Modern UI Library for building video players in React, powered by Shaka Player & shadcn UI. Open source and fully customizable with themes.

  9. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Design.md设计资源库
    描述: 收录设计系统代码片段的AI协同设计资源平台，提供开发人员可直接使用的UI组件模板。
    链接: https://getdesign.md/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    getdesign.md
    getdesign.md — DESIGN.md collection for AI coding agents
    getdesign.md — DESIGN.md collection for AI coding agents
    Browse independent design system analyses from popular websites. Drop one into your project as design reference for your coding agent.

  11. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: EGJS
    描述: EGJS 是一个 JavaScript 组件库，提供简单高效的网页应用构建工具，包含轮播、网格、3D查看器等实用模块。
    链接: https://naver.github.io/egjs/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    naver.github.io
    egjs
    egjs is Javascript components group that brings easiest and fastest way to build a web application in your way.

  12. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: TermCN 终端UI组件库
    描述: TermCN 提供精美的终端UI组件，简化React开发，支持多种主题和功能如表格、图表及加载动画。
    链接: https://www.termcn.dev/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    termcn
    termcn
    A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink. Works with shadcn/ui.

  14. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: All ShadCN - Shadcn资源平台
    描述: All ShadCN是一个集成了超过300种Shadcn UI模板、组件、区块与开发工具的综合性资源平台，专注于提供高效美观的React UI解决方案。
    链接: https://allshadcn.com/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    All ShadCN
    All ShadCN - 300+ Shadcn Templates, Components, Blocks & Tools
    All ShadCN - 300+ Shadcn Templates, Components, Blocks & Tools
    Explore All Shadcn, your go-to hub for premium & free Shadcn Themes, Components, Blocks, and Tools.

  15. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: PDFx - React PDF组件工具
    描述: 基于React的开源PDF组件库，提供可复制粘贴的PDF构建组件，无需魔法，纯组件化操作。
    链接: https://pdfx.akashpise.dev/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    PDFx
    PDFx — shadcn/ui for React PDFs
    PDFx — shadcn/ui for React PDFs
    Copy-paste React PDF components like shadcn/ui. Run `pdfx add table` and own the code. MIT licensed, fully TypeScript.

  18. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: HTML在线查看器工具
    描述: 一款结合实时预览、双向代码映射和学习功能的HTML/CSS/JS开发工具，帮助用户边查看边学习前端技术。
    链接: https://html-viewer.org/zh
    前往导航: www.noisedh.cn 或 www.noisedh.link
    html-viewer.org
    支持代码 ↔ 预览双向映射的 HTML 查看器
    支持代码 ↔ 预览双向映射的 HTML 查看器
    免费 HTML 在线查看/编辑工具，支持实时预览与代码-预览双向映射。点击代码可定位元素，点击元素可回到源码。

  19. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: 网页更新通知插件
    描述: 一款用于检测Web应用更新并自动提醒用户刷新页面的轻量级插件，支持Vite、Nuxt和Webpack生态。
    链接: https://github.com/xiaobailong007/web-update-notice-plugin
    前往导航: www.noisedh.cn 或 www.noisedh.link
    GitHub
    GitHub - xiaobailong007/web-update-notice-plugin: 🔔 一款网页更新通知插件，在系统发布新版本时自动提醒用户刷新页面 🔄。全面支持 Vite、Nuxt 和 Webpack 生态 ⚡。
    GitHub - xiaobailong007/web-update-notice-plugin: 🔔 一款网页更新通知插件，在系统发布新版本时自动提醒用户刷新页面 🔄。全面支持 Vite、Nuxt 和 Webpack 生态 ⚡。
    🔔 一款网页更新通知插件，在系统发布新版本时自动提醒用户刷新页面 🔄。全面支持 Vite、Nuxt 和 Webpack 生态 ⚡。 - xiaobailong007/web-update-notice-plugin

  20. 🎨 Page Agent - 纯 JS 实现的 GUI Agent
    自然语言操作 Web 应用 · 无需插件与后端

    📌 工具介绍：

    Page Agent 是阿里巴巴开源的一款纯 JavaScript 实现的 GUI Agent。它允许用户通过自然语言直接操作 Web 应用，无需安装浏览器插件、Python 环境或无头浏览器。它专为客户端网页增强设计，是为产品添加 AI 副驾驶（Copilot）的极简方案。


    ⚡️ 核心特点：

    • 🛠 轻松集成：纯页面内 JS 实现，一行代码即可集成，无需重写后端。
    • 🔍 文本驱动：基于文本的 DOM 操作，无需截图或多模态模型支持。
    • ⚙️ 场景广泛：适用于智能表单填写、无障碍增强及跨页面任务自动化。
    • 🧪 灵活扩展：支持自备 LLM，提供 Chrome 扩展及 MCP Server 支持。


    🌐 项目地址：
    https://github‍.com/alibaba/page-agent

    📢 频道 | 💬 群组 | 📬 投稿 | 📨 商务

    #PageAgent #阿里巴巴 #开源项目 #WebAgent #AI工具 #前端开发 #自动化工具
    ❤️ 3

  21. 🎨 UXBot - AI Web App 生成平台
    无需代码 · 从想法到应用 · 极速构建

    📌 工具介绍：

    UXBot 是一款强大的 AI 驱动的 Web 应用生成平台。只需输入您的创意需求或上传参考图片，AI 即可为您高效生成网站与 App 的视觉设计、交互原型及前端代码，让不懂编程的用户也能轻松构建完整的项目。


    ⚡️ 核心特点：

    • 🚀 描述即创建：通过简单的文字描述，一键生成精美的网页设计与前端代码。
    • 🖼 图片转应用：支持上传截图或草图，AI 自动识别布局并转化为可交互的 Web 应用。
    • 🎨 视觉与交互并重：同步生成高质量的 UI 视觉稿和流畅的交互原型。
    • 📦 完整代码产出：提供可直接使用的前端代码，大幅缩短从设计到上线的周期。

    ✨ 白嫖福利 (免费版) ✨
    • 首次登录赠送 100 算力
    • 每天赠送 40 算力
    • 最多 5 个项目
    • 自定义设计风格
    • 项目流程图生成及编辑
    • 优质素材库


    🌐 在线体验：
    https://www.uxbot.cn

    📢 频道提示：

    本频道以“白嫖”为主 ，建议您先充分体验免费版功能。如果体验良好，再根据自身需求考虑付费。


    #UXBot #AI设计 #低代码 #Web开发 #前端工具 #UI生成 #免费工具 #白嫖党
    ❤️ 8

  23. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: StyleKit
    描述: AI友好设计系统，拥有85+视觉风格，包括新野兽派、玻璃形态、新形化。导出设计代币、组件配方和AI提示，以实现统一的UI生成。
    链接: https://www.stylekit.top/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    StyleKit
    StyleKit - UI Design Prompts, Visual Styles & AI-Friendly Design System
    StyleKit - UI Design Prompts, Visual Styles & AI-Friendly Design System
    120+ visual styles with design tokens, component recipes, Tailwind-ready patterns, and AI prompts.

  25. 📢导航站收录更新通知！
    #前端开发 #独立开发
    站点名称: Ui-Layouts
    描述: 设计精美的React + Next.js + TailwindCSS组件。60+即用、可访问且可定制的UI部件——开源且免费。
    链接: https://www.ui-layouts.com/
    前往导航: www.noisedh.cn 或 www.noisedh.link
    Ui-Layouts | Your Frontend Universe
    Ui-Layouts | Your Frontend Universe
    Beautifully designed React + Next.js + TailwindCSS components. 60+ ready-to-use, accessible, and customizable UI pieces — open source and free.

  26. 💥 json-render｜将 JSON 秒变 UI 的前端渲染利器
    Vercel Labs 出品 · 轻量级 · 高扩展性的 JSON 渲染方案

    🟢 项目亮点：


    🧩 JSON 驱动： 使用 JSON 描述 UI 结构，降低前端复杂度
    ⚡️ 即插即用： 简单配置即可渲染，适合快速开发与原型验证
    🧠 高度可扩展： 支持自定义组件与渲染逻辑
    🎨 前端友好： 适配现代前端框架与组件体系
    🔓 完全开源： Vercel Labs 官方项目，代码质量可靠
    ⚙️ 适合场景： 动态表单、低代码平台、配置化 UI、后台系统


    🚀 一句话：
    如果你想用 JSON 来驱动 UI、减少重复前端代码，这是一个非常干净又现代的选择。

    📖 项目地址：
    👉 https://github.com/vercel-labs/json-render

    📢 频道 | 💬 群组 | 📬 投稿 | 📨 商务

    #开源项目 #前端开发 #JSON驱动 #低代码 #Vercel #UI渲染 #GitHub

  27. 💥 Agent Browser｜Vercel Labs 出品的智能浏览助手
    将浏览器和 AI 结合的开源智能交互框架

    🟢 项目亮点：


    🤖 智能浏览体验： 在浏览器环境中结合 AI 模型，实现智能交互
    🧠 AI 任务代理： 支持浏览器任务自动化、理解与执行
    📄 开源透明： 完全开源的 GitHub 项目，可任意查看与二次开发
    ⚙️ Vercel Labs 官方： 出自 Vercel Labs，架构稳健且演进快速
    💡 适用场景： AI 辅助搜索、自动抓取数据、智能助手等
    🛠 技术栈： 基于最新 Web & AI 标准，易于集成与扩展


    🚀 一句话：
    这是一个将 AI 带入浏览器的新一代智能协作框架。

    📖 项目地址：
    👉 https://github.com/vercel-labs/agent-browser

    📢 频道 | 💬 群组 | 📬 投稿 | 📨 商务

    #开源项目 #AI工具 #浏览器助手 #VercelLabs #前端 #自动化
    ❤️ 5

  28. 💥 10 秒克隆任何网站｜直接生成前端项目代码
    第 XXX 个工具：AI 自动还原页面结构，前端效率直接拉满

    🟢 工具亮点：


    ⚡️ 10 秒克隆网站： 输入网址，自动解析页面结构
    🧠 AI 生成代码： 直接输出可用的前端项目代码
    🧩 组件级拆分： 页面结构清晰，方便二次开发
    🧑‍💻 前端友好： 适合 React / Vue / 静态站点改造
    🚀 效率拉满： 原型复刻、学习页面、仿站神器


    🚀 一句话：
    不会设计、不想切图？复制网址 = 前端代码到手。

    🌐 网站直达：
    👉 点击直达

    📢 频道 | 💬 群组 | 📬 投稿 | 📨 商务

    #软件开发 #前端 #程序员 #干货分享 #AI工具
    ❤️ 1