Get started with amazeui CDN
MIT licensed
AmazeUI: Lightweight, modular framework for building responsive, interactive web apps .
Tags:- AMUI
- Amaze UI
- AllMobile
- css
- js
- less
- mobile-first
- responsive
- front-end
- framework
- web
- web-components
Stable version
Copied!
How to start using amazeui CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/amazeui/dist/amazeui.min.css">
<script src="https://cdn.cdnhub.io/amazeui/2.7.2/js/amazeui.min.js"></script>
</head>
<body>
<button id="modal-btn" class="am-btn am-btn-primary">Open Modal</button>
<div class="am-modal am-fade am-in" tabindex="-1" id="my-modal">
<div class="am-modal-dialog">
<div class="am-modal-content">
<button type="button" class="am-close am-close-spin" data-am-modal-close>×</button>
<p>Welcome to AmazeUI!</p>
</div>
</div>
</div>
<script>
document.getElementById('modal-btn').addEventListener('click', function() {
amui.modal.toastr('Hello World!');
amui.modal.open('my-modal');
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!