web建站教程

     
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

前端UI组件库

推荐9款支持 Vue3 免费开源的前端 UI 组件库

推荐9款支持 Vue3 免费开源的前端 UI 组件库:1、Element Plus;2、SCUI Admin;3、BalmUI;4、ArcoDesign;5、Naive Ui Admin;6、PrimeVue;7、Vuestic UI;8、​Varlet UI;9、Layui Vue。

ArcoDesignBalmUIElement Plus插件Layui VueNaive Ui AdminPrimeVueSCUI AdminVarlet UIVuestic UI
推荐一个纯CSS实现的各种动画加载效果的网站——CSS Loaders
推荐一个纯CSS实现的各种动画加载效果的网站——CSS Loaders

CSS Loaders是一个网站,在网上收集了很多加载动画效果的代码,包括动画效果的源代码,方便我们这样的前端开发者使用。

CSS Loaderscss动画加载效果loading动画
蚂蚁宣布开源代码大模型CodeFuse项目

CodeFuse是蚂蚁集团自研的代码生成专属大模型,能够根据开发者的输入提供智能建议和实时支持,帮助开发者自动生成代码、自动增加注释、自动生成测试用例、修复和优化代码等,以提升研发效率。

CodeFuse蚂蚁开源
推荐一款免费开源移动应用开发UI工具包——Ionic 7
推荐一款免费开源移动应用开发UI工具包——Ionic 7

Ionic Framework 于 2013 年由国外的开发者 Max Lynch、Ben Sperry 和 Adam Bradley 创建。诞生之初只是一个基于 AngularJS 的项目,让众多前端开发者可以使用 Web 技术来开发原生级别的移动应用。

Ionic 7UI工具包移动应用开发框架
一行代码轻松实现优雅的过渡动画插件——AutoAnimate
一行代码轻松实现优雅的过渡动画插件——AutoAnimate

AutoAnimate是一个JavaScript工具库,可以在我们开发的Web项目中自动添加平滑过渡动画,无需任何配置。相比之前推荐的一些js动画库,AutoAnimate最大的优势就是完全不需要配置,会自动添加相应的动画。

AutoAnimateJavaScript工具库JavaScript框架前端开源项目过渡动画插件
免费商用中文字体——优设鲨鱼菲特健康体
免费商用中文字体——优设鲨鱼菲特健康体

优设鲨菲体天生就是为了健康产品而生,所以用来健康产品的电商设计里完全没问题,略带柔和的笔画,带来了年轻化、个性化的感受,使得我们可以跳出健康行业,在化妆品、宠物等。

优设系列免费字体优设鲨菲体免费商用字体
基于JavaScrip的web动画库——GSAP

GSAP 的全名是 GreenSock Animation Platform,是一个适用于现代浏览器的专业动画库,让开发者通过简单的调用,就能够做出看起来非常复杂而又丝滑高级动画效果。

GSAPweb动画库
基于Vite/TypeScript/Vue3/ElementPlus+TinkPHP6前后端一体框架——Niucloud Admin

Niucloud Admin是一个开发框架,允许开发者快速开发一个通用的管理后台。前端采用Vite/TypeScript/Vue 3/Element Plus等最新技术架构,后台采用PHP8、Java SDK、Python等主流后端语言搭建。

Niucloud AdminVue3免费开源组件前后端一体管理后台框架
基于 Vue3 和 Element Plus免费开源admin前端UI框架——SCUI Admin
基于 Vue3 和 Element Plus免费开源admin前端UI框架——SCUI Admin

SCUI Admin是中后台管理系统的前端解决方案,俗称admin ui框架,用于开发者搭建业务管理后台,基于最新的Vue3和Element Plus。与一些包含后端开发的admin项目不同,SCUI Admin是一个纯前端的解决方案,后端用什么语言开发没有限制。

admin前端UI框架Element Plus框架SCUI AdminVue3 UI组件库
基于Vue3/Vite/TS免费开源中后台前端框架——Naive Ui Admin
基于Vue3/Vite/TS免费开源中后台前端框架——Naive Ui Admin

Naive Ui是不久前推荐的优秀Ui组件库,基于Vue3.0、Vite、Naive Ui、TypeScript等最新的前端技术栈。今天分享的Naive Ui admin就是基于Naive Ui的中后台admin的前端框架。

Naive Ui Admin中后台前端框架免费开源前端框架
免费开源高颜值管理后台UI框架——Vue vben admin
免费开源高颜值管理后台UI框架——Vue vben admin

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

Vue vben admin管理后台UI框架
免费开源基于Vue3/vite3等最新前端技术栈的中后台模板——Soybean Admin
免费开源基于Vue3/vite3等最新前端技术栈的中后台模板——Soybean Admin

Soybean Admin 默认的主题非常好看,配色优雅,还能自动切换暗黑模式,更是支持配置多标签、更改布局模式、切换动画等,功能完善得甚至比很多付费的 admin 系统还要好。

Soybean Admin中后台模板前端技术栈
免费移动 web UI 组件库——STDF的基本用法
免费移动 web UI 组件库——STDF的基本用法

STDF 组件使用 Svelte 的 Context 实现国际化文案配置,默认配置是中文简体。一般在应用的入口 App.svelte 中配置 Context。

STDFVue组件库开发移动web应用移动 web UI 组件库移动UI组件库
简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架——LeaferUI
简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架——LeaferUI

Leafer UI 是基于 Leafer 开发的一套绚丽多彩的 UI 绘图框架,可结合 AI 绘图、生成界面。提供了常用的 UI 绘图组件,和开箱即用的功能,方便与 Figma、Sketch 等产品进行数据交换,并为跨平台开发提供了统一、丰富的交互事件,如拖拽、旋转、缩放手势等。

HTML5 Canvas 2D 图形LeaferUIUI绘图框架
免费开源企业级前端 UI 组件库——TinyVue
免费开源企业级前端 UI 组件库——TinyVue

华为云出品的企业级设计系统OpenTiny,是一套前端UI组件库。适用于PC/移动终端,支持Vue2/Vue3/Angular,拥有主题配置系统/中后台模板/CLI命令行等效率提升工具,可以帮助开发者高效开发Web应用。

OpenTinyTinyVueVue3免费开源组件前端UI组件库华为云
免费开源的 Vue 3 桌面端 UI 组件库——Layui Vue
免费开源的 Vue 3 桌面端 UI 组件库——Layui Vue

Layui Vue是一套Vue 3.0桌面组件库,遵循Layuivue经典的设计规范,开箱即用。2022年Layui Vue发布了1.0版本,2023年发布了基于Vue 3的2.0版本。它是一个UI组件库,使用简单,稳定可靠,设计经典。

Layui VueVue3组件库免费开源组件库桌面端UI组件库