Frontend

InfoQ 研究中心隶属于极客邦科技双数研究院，秉承客观、深度的内容原则，追求研究扎实、观点鲜明、生态互动的目标，聚焦创新技术与科技行业，围绕数字经济观察、数字人才发展进行研究。 InfoQ 研究中心主要聚焦在前沿科技领域、数字化产业应用和数字人才三方面，旨在加速创新技术的孵化、落地与传播，服务相关产业与更广阔的市场、投资机构， C-level 人士、架构师/高阶工程师等行业观察者，为全行业架设沟通与理解的桥梁，跨越从认知到决策的信息鸿沟。 InfoQ 研究中心将持续产出自主研发的多种行业研究内容，形势包括行业研究报告、人群洞察报告、行业发展白皮书、经典企业案例、行业生态图谱、行业发展历程模型、行业数据洞察等。

一个包含 500 多个专业设计的 UI 组件和模板的集合，基于 Tailwind CSS 构建，提供 HTML、React 和 Vue 格式，用于构建营销网站、应用程序和电商商店。

一个面向前端开发者和设计师的在线代码编辑器及社交开发环境，用于构建、测试和分享网页项目。

一门全面的视频课程，包含15小时内容和实时UX培训，涵盖100个智能界面设计模式，适合UI/UX设计师和前端开发人员。

最大的开源 UI 元素库。

精选最佳的 Tailwind CSS 模板和 UI 套件，适用于网页开发项目。

DevUI 是一款开源免费的企业中后台产品前端通用解决方案，为设计师和开发者提供设计体系和组件。

一个即用型、跨浏览器的 CSS 动画库，适用于网页项目，只需添加类即可轻松实现动画效果。

Fusion Design 是一个企业级解决方案，用于构建网页产品，提升设计师与开发者的协作、产品体验一致性和开发效率。

一个通过输入颜色生成 CSS 颜色渐变的工具，支持 3 色渐变并自动输出 CSS 代码。

小米的企业级中后台设计系统。常规的 B 端网页设计系统，提供设计指南、前端代码等。有 Sketch、Axure、Figma 3 种平台的设计文件，但是 Figma 目前不对外开放。有趣的是有些组件示例会用上雷军的梗作为文案—— “Are you OK？”

基于人工智能的 Figma 到代码转换工具，生成完美的前端代码。

一个轻量级 JavaScript 库，用于为 SVG 添加绘制动画效果，支持多种动画类型和自定义定时函数。

一个全面的 UI 组件和设计系统集合，汇集了顶级资源的最佳实践，供设计师和开发者使用。

用于在 VTEX 电商平台构建一致用户界面的 React 组件库和设计系统。

2022 年 11 月 30 日，OpenAI 发布 ChatGPT 3.5，带领人类走向 AGI 人机交互新世纪。AGI 让自然人机交互成为现实，「语言」这一简单、自然的交互方式，一度威胁到统治人机交互领域长达几十年之久的 GUI（图形用户界面）。设计者们纷纷开始各种各样的尝试与改造

企业级中后台统一设计与开发平台，提供标准化组件和后端集成，以简化业务流程并提升效率。

Wix 设计系统提供可复用的 React 组件、Figma 套件、图标和游乐场，用于大规模构建原生 Wix 应用。

一个用于创建流畅交互式 UI 动画的 React 动画库，属于 Ant Design 生态系统的一部分。

将设计转换为可投入生产的代码。 将您的设计转化为移动应用程序和web的生产就绪前端代码。利用现有的设计工具、技术栈和工作流程，将产品发布速度提高5-10倍。

一款 Chrome 扩展，可一键检查和复制任何网站的 CSS，受到数千名开发者的信赖。

一款颜色深浅和色调生成工具，用于从十六进制代码创建 CSS、Sass 和 Tailwind 颜色调色板。

一个用于生成颜色深浅和色调的工具，支持 Tailwind CSS 配置，显示十六进制代码和调色板。

一个 Tailwind CSS 插件，提供语义化组件类名，用于更快、更简洁的 UI 开发，支持可定制主题且无需 JavaScript 依赖。