layui

layui官网,免费的开源Web UI组件库,前端UI开发框架官方文档

简介

Layui 是一套免费的开源 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。
Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。

layui官网: https://layui.dev/

layui前端UI开发框架官方文档: https://layui.dev/docs/2/index.html

主要功能和优势

Layui 是一套免费的开源 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。

更新日志

更新日志（v2.9.7）

select

• 新增 lay-creatable 属性，用于在开启搜索时允许创建新选项 #1618 @Sight-wcg

table

• 修复 禁止拖拽列宽后仍可拖拽的问题 #1591 @Sight-wcg

layer

• 新增 遮罩层添加过渡效果 #1616 @Sight-wcg
• 修复 弹出高度设置为 auto 时，恢复大小时内容区高度错误 #1617 @Sight-wcg
• 优化 最大/小化再恢复大小后宽高偶现细微差异的问题 #1653 @Sight-wcg

laydate

• 新增时间选择器根据 format 格式进行显隐支持 #1656 @Sight-wcg

dropdown

• 新增 close 选项，用于下拉面板被关闭后触发的回调函数 #1605 @Sight-wcg

flow

• 新增 direction 选项，用于设置触发加载的方向 #1638 @Sight-wcg

其他

• 修改 源码 Unicode 编码转换为中文字符 #1600 @Sight-wcg

 

8个顶尖的大厂Web组件库

🌟作为设计师，拥有一套优秀的Web组件库是非常重要的，能够极大地提高工作效率，让设计工作更加高效和专业。今天我将分享给大家8个顶尖的大厂Web组件库，让设计师们值得收藏和使用。

1️⃣ Ant Design：Ant Design是一款由阿里巴巴开发的优秀组件库，拥有丰富的UI组件和设计模式，能够帮助设计师快速构建出美观且功能强大的界面。

2️⃣ Aro Design：Aro Design是一个功能全面的Web组件库，提供了各种样式和功能丰富的组件，让设计师能够轻松定制出符合需求的设计。

3️⃣ TDesign：TDesign是一款简洁而强大的设计组件库，提供了简洁直观的UI组件，让设计师能够快速搭建出优秀的网页界面。

4️⃣ Alibaba Fusion Design：阿里巴巴Fusion Design是一款专业的设计系统，提供了丰富的设计资源和组件，让设计师能够轻松打造出符合品牌形象的设计。

5️⃣ Element Plus：Element Plus是一款基于Vue.js的UI组件库，提供了丰富的组件和模板，让设计师能够快速构建出响应式和优秀的网页设计。

6️⃣ STISLA：STISLA是一个现代化的Web组件库，提供了各种时尚和创新的设计元素，让设计师能够为项目添加独特的风格和特色。

7️⃣ AntV 蚂蚁数据可视化：AntV是一个专业的数据可视化组件库，提供了各种图表和数据展示组件，让设计师能够将数据以清晰直观的方式展示给用户。

8️⃣ Salesforce设计系统：Salesforce设计系统是一款企业级的设计系统，提供了丰富的设计资源和模板，帮助设计师构建出符合企业需求的专业界面。

当然，由于不同业务存在特殊场景，设计师们也可以根据自身业务需求定制个性化的组件，让设计更加贴合实际需求。以上这些Web组件库都是设计师们不可或缺的利器，希望能为你的设计工作带来帮助和灵感！如果你有其他推荐的组件库，也欢迎分享哦！👇