Getting Started

This is a simple documentation for the transition from Bootstrap to Alpine.js. This documentation will guide you on how to use Alpine.js with Halfmoon.css. You can find the source code of this documentation on GitHub.

Installation

You can include Alpine.js and Halfmoon.css in your project by adding the following CDN links to your HTML file. 


<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.7/dist/cdn.min.js"></script>

<!-- Halfmoon.css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/halfmoon@1.2.5/dist/halfmoon.min.css">

Usage

You can use Alpine.js with Halfmoon.css by adding the following code to your HTML file. 


<html>
<head>
    <!-- Include Alpine.js -->
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.7/dist/cdn.min.js"></script>

    <!-- Include Halfmoon.css -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/halfmoon@1.2.5/dist/halfmoon.min.css">
</head>
<body>
    <!-- Your Content Here -->
</body>
</html>