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>&times;</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!

All versions