TDesign 是腾讯推出的企业级开源设计系统,凝聚了腾讯内部近 300 名设计师与开发者在 500 多个业务项目中的沉淀与经验,秉承“包容、多元、进化、连接”的价值观,旨在为企业级产品提供统一的设计语言、视觉风格和可复用的 UI 组件库。
TDesign官网入口网址:https://tdesign.tencent.com/
系统核心包括三大部分:
- 设计语言与资源:提供完整的色彩体系、字体排版、动效规范以及 Axure、Sketch、Figma、Adobe Xd 等主流设计工具的组件库和插件,实现设计与代码的无缝对接。
- 跨平台组件库:基于 Design Token 规范,分别发布了 tdesign‑vue、tdesign‑vue‑next、tdesign‑react、tdesign‑miniprogram 等多技术栈实现,支持 Vue2、Vue3、React、微信/QQ 小程序以及 Flutter(Alpha)等,满足 Web、移动端和小程序的统一 UI 需求。
- 研发工具与生态:提供 CLI 脚手架、主题定制、自动化文档生成等工具,帮助开发者快速搭建项目并实现按需引入、插件自动导入等开发体验。
TDesign通过统一的 API 与交互规范,避免了不同业务团队之间的重复造轮子,提升了产品体验一致性和开发效率。
TDesign提供完整的组件文档、设计指南、示例代码以及在线体验地址,用户可以直接浏览或下载对应的设计资产,快速在项目中引入并进行主题定制。
TDesign 以“一站式”企业级设计体系为目标,兼顾设计规范、组件实现和开发工具三位一体,为企业级前端研发提供了从视觉设计到代码实现的全链路解决方案,已成为国内外众多中后台系统的首选 UI 框架之一。
数据统计
相关导航
AICapalyze是一款面向企业和团队的全链路数据报告平台,核心理念是把任何网页内容快速转化为可信的分析报告。平台能够在几秒钟内完成数据的抓取与分析,只需用户一句自然语言指令,即可自动完成数据收集、清洗和洞察生成。针对需要跨页面获取信息的场景,Capalyze提供“一键多页抓取”功能,确保用户无需手动切换页面即可一次性获取全部所需数据。 Capalyze官网入口网址:https://capalyze.ai/ 在可视化方面,系统内置数十种图表样式,涵盖柱状图、折线图、饼图、雷达图等多种业务场景,用户可以根据团队需求自由选择并定制图表配色、布局和交互方式。平台的“Report Mode”进一步弥合了原始数据与专业报告之间的最后一公里:用户只需点击生成,即可自动拼装包含图表、文字解释和关键结论的完整报告,省去繁琐的排版和手动编辑过程。 主要功能 一键抓取网页内容:通过自然语言提示(Prompt),快速提取任意网站的文本、图片、表格等信息。多页面抓取:支持跨页面、跨站点的批量数据采集,适用于电商、社交媒体、评论等多种场景。生成可信报告:抓取后可直接生成结构化报告,包含摘要、表格和图表,帮助用户快速获取洞察。 目标用户 市场分析师 & 产品经理:需要快速获取竞争对手、行业趋势等公开数据进行决策。数据运营团队:对网络公开数据进行监测、监控和业务分析。企业与个人:任何希望通过简洁操作获取网络信息、进行数据驱动决策的用户。 Capalyze.ai 将 AI 与网页抓取深度结合,提供从数据采集到可视化报告的一站式解决方案,帮助用户在无需编程的前提下,高效获取并洞察网络公开信息。
NavNav是一个专注于现代网页UI组件的灵感库与资源平台,汇集了全球顶尖设计师与开发者的创意结晶。这里不仅是代码片段的集合,更是一个激发灵感的创意工坊,为前端开发者、UI设计师和创意工作者提供超过971个精心打磨的交互组件,覆盖从基础元素到复杂动效的全方位需求。NavNav为设计师、前端开发者及创意从业者提供了丰富的参考素材与实践思路。 Navnav官网入口网址:https://navnav.co/ 核心价值 1.全面覆盖的UI组件库 提供40+分类的实用组件,包括404页面、折叠菜单、弹窗、表单、图表、时间选择器等,满足日常开发中的各类需求。特别关注前沿设计趋势,如新粗野主义(Neo-Brutalism)、磨砂玻璃效果、霓虹光效、3D视差卡片等,帮助用户打造独特的视觉体验。 2.前沿技术与创新实践 组件采用最新CSS技术实现,例如:has()选择器动态切换、纯CSS动画(如黑洞效果、星系模拟)、原生滤镜阴影等。轻量级代码架构,部分组件仅需几行CSS即可实现复杂效果(如骨架屏加载动画)。 3.设计风格多样化 从极简主义到拟物化设计,从像素风到科幻感特效,NavNav收录了多种风格的高质量案例,适合不同品牌与场景需求。特别设立Tailwind组件专区,适配现代前端开发流程。 4.开发者友好体验 每个组件均标注原创作者(如Simon Goellner的霓虹菜单、Håvard Brynjulfsen的音乐播放器),便于学习与致敬。即时预览功能让用户无需下载即可体验交互细节,快速评估适用性。适用场景快速开发:直接复用登录页、仪表盘、支付流程等成熟模块,节省开发时间。灵感参考:探索动态文字特效、悬停交互、SVG插画等小众设计,突破创意瓶颈。技术学习:通过拆解代码,掌握CSS最新特性(如:has()选择器、CSS滤镜)的实战应用。平台亮点智能分类系统:通过侧边栏菜单快速定位导航、动效、表单等垂直类别。持续更新:社区驱动模式确保每日新增全球开发者的创意提交。响应式设计:所有组件适配移动端与桌面端,开箱即用。 NavNav重新定义了UI资源库的价值——它不仅是工具集合,更是一个充满活力的创意社区。无论你是想寻找现成解决方案,还是探索CSS的边界,这里都能为你提供灵感和技术支撑。
FastAdmin 是一个基于 ThinkPHP5 和 Bootstrap 的极速后台开发框架,旨在帮助开发者快速构建中小型管理系统后台。它提供了丰富的后台功能模块和组件,包括权限管理、菜单管理、日志管理等常见功能,使开发者能够快速搭建出功能完善、界面美观的管理系统。 FastAdmin官网入口网址:https://www.fastadmin.net/FastAdmin开源项目地址:https://github.com/fastadminnet/fastadmin FastAdmin 由 ThinkPHP5 和 Bootstrap 开发,结合了 ThinkPHP 的强大功能和 Bootstrap 的美观界面,使后台开发更加高效。其官方网址为 https://www.fastadmin.net ,下载中心、插件市场、官方文档和问答社区等资源丰富,方便用户获取支持和帮助。 FastAdmin 提供了丰富的功能模块和便捷的开发体验,支持一键生成 CRUD(创建、读取、更新、删除)功能,包括控制器、模型、视图、JS、语言包、菜单、回收站等,支持一键压缩打包 JS 和 CSS,一键生成 API 接口文档,支持多语言、第三方模块、富文本编辑器、第三方登录、支付等功能,支持插件扩展和二次开发。FastAdmin 采用 Apache2 商业友好开源协议,开源且可以免费商用,无需单独授权。 FastAdmin 的界面设计美观,支持多终端自适应,包括手机、平板和 PC,支持多语言切换,适合国际化应用。其开发文档详细,提供了详细的使用指南和示例代码,帮助开发者快速上手和开发。FastAdmin 的权限管理系统支持基于 Auth 的权限验证,支持无限级父子级权限继承、单管理员多角色、子级数据管理等功能,支持一键生成权限节点和控制器结构,支持数据库表一键生成 CRUD,支持数据库表一键生成控制器、模型、视图、JS、语言包、菜单、回收站等。 FastAdmin 的安装和使用相对简单,支持一键安装和配置,适合快速开发和部署。其社区活跃,用户可以通过官方文档、问答社区和插件市场获取支持和帮助。FastAdmin 是一个功能强大、易于使用、适合快速开发后台管理系统的开源框架,适合中小型项目和快速开发需求。
Playwright 是由 Microsoft 开发并维护的一款现代化、功能强大的端到端(End-to-End)Web 应用测试工具。 Playwright官网入口网址:https://playwright.dev/Playwright开源项目地址:https://github.com/microsoft/playwright Playwright 支持所有主流浏览器引擎,包括 Chromium、WebKit 和 Firefox,确保测试在不同浏览器环境下的一致性。它跨平台兼容 Windows、macOS 和 Linux,既可在本地运行,也适用于持续集成(CI)环境,并支持有头(headed)和无头(headless)模式。 Playwright 提供多语言支持,开发者可使用 TypeScript、JavaScript、Python、Java 或 .NET 编写测试脚本。其内置的自动等待机制和 Web 优先断言(web-first assertions)显著减少了“偶发性失败”(flaky tests),提升了测试稳定性。此外,Playwright 能够无缝处理 Shadow DOM、iframe、多页面、多用户上下文等复杂场景,并模拟移动端浏览器行为(如 Chrome for Android 和 Mobile Safari)。 Playwright 强大的配套工具链:Codegen 可录制用户操作并自动生成测试代码;Inspector 用于调试和选择器生成;Trace Viewer 则提供包含录屏、DOM 快照、日志等信息的完整执行轨迹,极大简化了问题排查。凭借高性能、高可靠性和全面的隔离机制(每个测试拥有独立的浏览器上下文),Playwright 已被众多企业和开源项目广泛采用,成为现代 Web 应用自动化测试的首选方案之一。
Adalo是一款面向非技术用户的 无代码移动与 Web 应用构建平台,通过直观的拖拽界面,让创业者、设计师和企业在无需编写代码的情况下快速实现产品原型并正式上线。平台提供丰富的预设组件和自定义组件库,用户可以在画布上自由布局页面、添加交互逻辑、配置数据库以及对接外部 API,实现从前端 UI 到后端数据的完整闭环。 Adalo官网入口网址:https://www.adalo.com/ 基本定位与功能 无代码平台:提供可视化的拖拽编辑器,支持页面布局、交互动作、数据库设计等全部环节。跨平台发布:构建完成后可直接导出为 iOS、Android 原生应用或 Progressive Web App(PWA),并可一键发布到 App Store、Google Play 或 Web 端。数据库与 API 集成:内置数据表,支持 CRUD 操作;同时可通过 REST API、Zapier、Xano 等外部服务实现数据同步和业务扩展。组件与模板:提供上千种预设组件(按钮、列表、地图、支付等)以及丰富的行业模板,帮助用户快速原型化 MVP 或内部业务工具。 主要优势 上手快:拖拽式编辑器和直观的 UI 让非技术背景的创业者、学生、企业员工都能在数小时内完成基本应用。全栈能力:前端、后端、数据库一体化,省去寻找第三方后端服务的环节。多渠道发布:支持原生移动应用、Web 应用以及 PWA,一键同步发布。社区与资源:官方论坛、App Academy、每月功能更新邮件等生态支持,帮助用户快速解决问题。企业合作:与 transcosmos 等公司签署独家代理,拓展日本及东南亚市场,提升企业级服务能力。 适用场景 移动应用快速原型:创业公司验证产品概念(MVP)。内部业务工具:企业构建员工管理、库存、预约等内部系统。教育与培训:高校或职业培训中让学生在无代码环境下学习移动应用开发。内容分发平台:如播客、媒体类 App,可通过数据库管理节目、用户收藏等。 使用建议 明确需求:先梳理应用的核心功能(用户登录、数据展示、交互动作),在 Adalo 中创建对应的集合(Collections)选模板:若有相似行业模板,可直接套用并进行细节定制,节省设计时间。集成外部服务:通过 API 或 Zapier 将业务系统(如支付、邮件)接入,提升功能完整性。测试与发布:利用平台提供的预览功能在不同设备上检查交互,确认后使用“一键发布”将应用推送至对应应用商店。 Adalo 通过低门槛的可视化编辑、完整的前后端一体化以及跨平台发布能力,已成为受关注的无代码移动应用构建工具之一,特别适合创业者、教育机构以及需要快速交付内部业务系统的企业使用。
Code Inspector 是一款专为前端开发人员设计的工具,旨在提升页面开发的效率和体验。它通过点击页面上的 DOM 元素,自动打开 IDE 并将光标定位至对应的源代码位置,从而大幅提升开发效率和用户体验。该工具对源代码无侵入性,只需在打包工具中引入即可生效,整个接入过程极为简便,如同“喝水般”简单。 Code Inspector官网入口网址:https://inspector.fe-dev.cn/Code Inspector开源项目地址:https://github.com/zh-lx/code-inspector 主要功能与特点 1.功能描述:点击页面上的 DOM 元素,工具会自动打开 IDE,并将光标定位到该 DOM 元素的源代码位置。提升开发体验和效率。 2.使用方式:对源代码无侵入,只需在打包工具(如 webpack、vite、nextjs、nuxt 等)中引入即可使用。接入过程简单,如“喝水般”简单。 3.支持的框架与技术栈: 支持多种前端框架,包括:框架:Vue、React、Preact、Solid、Qwik、Svelte、Astro 等。构建工具:Webpack、Vite、Rspack、Next.js、Nuxt、UmiJS 等。 Code Inspector是一个提升前端开发效率的辅助工具,适合在多种主流前端框架和构建工具中使用,具有良好的兼容性和易用性。
