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组件库都是設计師们不可或缺的利器，希望能為你的設计工作帶来帮助和靈感！如果你有其他推荐的组件库，也歡迎分享哦！?