前端资源

258 阅读4分钟

UI框架

[layui](Layui - 经典开源模块化前端 UI 框架 (layuion.com))

说明:为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。

layui可作为PC网页端后台系统与前台界面的速成开发方案。


[vue](Vue.js (vuejs.org))

是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时 ,Vue.js 也能完美地驱动复杂的单页应用。


[Vite](Home | Vite中文网 (vitejs.cn))

Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。

一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。


基于Vue

[vant](Vant - 轻量、可靠的移动端组件库 (oschina.io))

移动端Vant有赞前端团队开源的移动端组件库,于2017年开源,已持续维护4年时间。Vant对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。移动端 Vant 是**有赞前端团队**开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。

[iview](iView - A high quality UI Toolkit based on Vue.js (iviewui.com))

iview admin Pro 是一套企业级的通用型中后台前端解决方案,它基于 View UI(iView),并内置了 View UI Pro。支持多种布局,动态菜单,强大的鉴权系统,含有大量典型的业务示例,如用户管理、菜单权限管理、角色权限管理等。


[Vue-Vben-Admin](Home | Vben Admin (vvbin.cn))

Vue-Vben-Admin 是一个基于 Vue3.0Vite、 Ant-Design-VueTypeScript 的后台解决方案,目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈,可以作为项目的启动模版,以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例,用于学习 vue3vitets 等主流技术。该项目会持续跟进最新技术,并将其应用在项目中。


[vue-antd-admin](Admin | 登录页 (gitee.io))

Ant Design Pro 的 Vue 实现版本
开箱即用的中后台前端/设计解决方案


CSS

[amitate](Animate中文网 – Animate安装、Animate使用、Animate下载)

强大的跨平台的预设css3动画库


[bootstrap](起步 · Bootstrap v3 中文文档 | Bootstrap 中文网 (bootcss.com))

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。


JS

[anime](anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs)

Anime.js (/ˈæn.ə.meɪ/) 是一个轻量的JavaScript 动画库, 拥有简单而强大的API。
可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。


swiper

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。

[dplayer](指南 | DPlayer)

DPlayer是一款可爱的HTML5 danmaku视频播放器,帮助人们轻松构建视频和danmaku。


[# Owl Carousel](首页 |猫头鹰旋转木马|2.3.4 (owlcarousel2.github.io))

支持触摸的jQuery插件,可让您创建一个漂亮的响应式轮播滑块。


跨平台

[uni](uni-app官网 (dcloud.io))

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。


[flutter](Flutter中文网 (flutterchina.club))

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。