Get started with element-plus CDN

MIT licensed

Open-source UI library: Element-Plus. Components, flexible design system for Vue.js apps.

Tags:
  • vuejs
  • vue3
  • vue
  • element-ui
  • component-library
  • vue-composition-api

Stable version

Copied!

How to start using element-plus CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with element-plus CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@2.6.1/dist/index.css">
</head>
<body>
  <div id="app">
    <el-button type="primary" @click="sayHello">Click me</el-button>
  </div>
  <script src="https://cdn.cdnhub.io/element-plus/2.6.1/index.full.js"></script>
  <script>
    const app = createApp('#app');

    app.config.globalProperties.$message = ElMessage;

    app.mount('#app');

    app.methods = {
      sayHello() {
        ElMessage.success('Hello, Element Plus!');
      }
    };
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

1.0.2-beta.31 1.0.2-beta.32 1.0.2-beta.33 1.0.2-beta.34 1.0.2-beta.35 1.0.2-beta.36 1.0.2-beta.37 1.0.2-beta.38 1.0.2-beta.39 1.0.2-beta.40 1.0.2-beta.41 1.0.2-beta.42 1.0.2-beta.43 1.0.2-beta.44 1.0.2-beta.45 1.0.2-beta.46 1.0.2-beta.47 1.0.2-beta.48 1.0.2-beta.49 1.0.2-beta.50 1.0.2-beta.51 1.0.2-beta.52 1.0.2-beta.53 1.0.2-beta.54 1.0.2-beta.55 1.0.2-beta.56 1.0.2-beta.57 1.0.2-beta.58 1.0.2-beta.59 1.0.2-beta.60 1.0.2-beta.61 1.0.2-beta.62 1.0.2-beta.63 1.0.2-beta.64 1.0.2-beta.65 1.0.2-beta.66 1.0.2-beta.67 1.0.2-beta.68 1.0.2-beta.69 1.0.2-beta.70 1.0.2-beta.71 1.1.0-beta.1 1.1.0-beta.10 1.1.0-beta.11 1.1.0-beta.12 1.1.0-beta.13 1.1.0-beta.14 1.1.0-beta.15 1.1.0-beta.16 1.1.0-beta.17 1.1.0-beta.18 1.1.0-beta.19 1.1.0-beta.2 1.1.0-beta.20 1.1.0-beta.21 1.1.0-beta.22 1.1.0-beta.23 1.1.0-beta.24 1.1.0-beta.3 1.1.0-beta.4 1.1.0-beta.5 1.1.0-beta.6 1.1.0-beta.7 1.1.0-beta.8 1.1.0-beta.9 1.2.0-beta.1 1.2.0-beta.2 1.2.0-beta.3 1.2.0-beta.4 1.2.0-beta.5 1.2.0-beta.6 1.3.0-beta.1 1.3.0-beta.10 1.3.0-beta.2 1.3.0-beta.3 1.3.0-beta.4 1.3.0-beta.5 1.3.0-beta.6 1.3.0-beta.7 1.3.0-beta.8 1.3.0-beta.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.1.0 2.1.1 2.1.10 2.1.11 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.10 2.2.11 2.2.12 2.2.13 2.2.14 2.2.15 2.2.16 2.2.17 2.2.18 2.2.19 2.2.2 2.2.20 2.2.21 2.2.22 2.2.23 2.2.24 2.2.25 2.2.26 2.2.27 2.2.28 2.2.29 2.2.3 2.2.30 2.2.31 2.2.32 2.2.33 2.2.34 2.2.35 2.2.36 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3.0 2.3.1 2.3.10 2.3.12 2.3.14 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.3.8 2.3.9 2.4.0 2.4.1 2.4.2 2.4.3 2.4.4 2.5.0 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.6.0 2.6.1 2.6.2 2.6.3 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 *** 2.7.8