UI/CSS CDN 资源

共 31 条 · 显示 1–21 · 第 1 / 2 页 · 分类排序 · 随机浏览 · 清除筛选

• Bootstrap 5

  Bootstrap · UI/CSS

  详情 复制引用

  流行的响应式 CSS 框架，组件齐全，适合后台与落地页快速搭建。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap.min.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script>

  • bootstrap
  • css
  • ui

• Element Plus

  Element Plus · UI/CSS

  详情 复制引用

  基于 Vue 3 的桌面端组件库，管理后台常用。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/element-plus/2.5.6/index.min.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/element-plus/2.5.6/index.full.min.js"></script>

  • element
  • vue
  • ui
  • 后台

• Animate.css

  Animate.css · UI/CSS

  详情 复制引用

  即用型 CSS 动画库，可快速为页面增加进入、强调等动效。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">

  • animate
  • css
  • 动效

• Tailwind CSS

  Tailwind Labs · UI/CSS

  详情 复制引用

  实用优先的 CSS 框架。CDN 版适合原型；正式项目建议用构建工具裁剪体积。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/tailwindcss/2.2.19/tailwind.min.css">

  • tailwind
  • css
  • utility

• Layui

  Layui · UI/CSS

  详情 复制引用

  国内经典模块化前端 UI 框架，后台管理系统中使用广泛。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.9.8/css/layui.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.9.8/layui.js"></script>

  • layui
  • ui
  • 国内
  • 后台

• Vant

  有赞 · UI/CSS

  详情 复制引用

  轻量、可靠的移动端 Vue 组件库，适合 H5 与小程序配套页面。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/vant/4.8.7/index.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/vant/4.8.7/vant.min.js"></script>

  • vant
  • vue
  • 移动端
  • ui

• Bulma

  Bulma · UI/CSS

  详情 复制引用

  基于 Flexbox 的现代 CSS 框架，类名语义清晰，无 JS 依赖。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bulma/0.9.4/css/bulma.min.css">

  • bulma
  • css
  • ui

• Normalize.css

  Normalize.css · UI/CSS

  详情 复制引用

  现代化 CSS 重置方案，统一浏览器默认样式差异。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css">

  • normalize
  • css
  • reset

• SweetAlert2

  SweetAlert2 · UI/CSS

  详情 复制引用

  美观的弹窗 / 确认框组件，可替代原生 alert 与 confirm。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/sweetalert2/11.10.7/sweetalert2.min.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/sweetalert2/11.10.7/sweetalert2.all.min.js"></script>

  • sweetalert
  • 弹窗
  • ui

• Ant Design Vue

  蚂蚁集团 · UI/CSS

  详情 复制引用

  企业级 Vue UI 组件库，后台系统常用。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/ant-design-vue/4.1.2/reset.min.css">

  • antd
  • vue
  • ui
  • 后台

• Naive UI

  TuSimple · UI/CSS

  详情 复制引用

  Vue 3 组件库，TypeScript 友好。

  <script src="https://cdn.jsdelivr.net/npm/naive-ui@2.38.1/dist/index.prod.js"></script>

  • naiveui
  • vue
  • ui

• Vuetify

  Vuetify · UI/CSS

  详情 复制引用

  Material Design 风格的 Vue 组件框架。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/vuetify/3.5.9/vuetify.min.css">

  • vuetify
  • vue
  • material

• Quasar

  Quasar · UI/CSS

  详情 复制引用

  一套代码多端的 Vue 框架与组件集。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/quasar/2.15.1/quasar.min.css">

  • quasar
  • vue
  • ui

• Amaze UI

  Amaze UI · UI/CSS

  详情 复制引用

  中国风 HTML5 跨屏前端框架。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css">

  • amazeui
  • ui
  • 国内

• WeUI

  微信 · UI/CSS

  详情 复制引用

  微信官方基础样式库，贴近微信客户端视觉。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/weui/2.5.16/style/weui.min.css">

  • weui
  • 微信
  • 移动端

• Mint UI

  ElemeFE · UI/CSS

  详情 复制引用

  基于 Vue 的移动端组件库（经典版）。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/mint-ui/2.2.13/style.min.css">

  • mintui
  • vue
  • 移动端

• Cube UI

  滴滴 · UI/CSS

  详情 复制引用

  滴滴开源的 Vue 移动端组件库。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/cube-ui/1.12.40/cube.min.css">

  • cubeui
  • vue
  • 移动端

• Framework7

  Framework7 · UI/CSS

  详情 复制引用

  打造 iOS / Android 风格混合 App 的 UI 框架。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/framework7/8.3.1/framework7-bundle.min.css">

  • framework7
  • 移动端
  • app

• Foundation

  Zurb · UI/CSS

  详情 复制引用

  响应式前端框架，栅格与组件完善。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/foundation/6.8.1/css/foundation.min.css">

  • foundation
  • css
  • ui

• Semantic UI

  Semantic UI · UI/CSS

  详情 复制引用

  语义化 class 的 UI 框架。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.5.0/semantic.min.css">

  • semantic
  • ui
  • css

• UIkit

  UIkit · UI/CSS

  详情 复制引用

  轻量模块化前端框架。

  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/uikit/3.19.1/css/uikit.min.css">\n<script src="https://cdn.bootcdn.net/ajax/libs/uikit/3.19.1/js/uikit.min.js"></script>

  • uikit
  • css
  • ui