JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 116
  • Score
    100M100P100Q90877F
  • License MIT

Drop-in Bootstrap replacement, fully customizable with CSS variables.

Package Exports

  • halfmoon
  • halfmoon/css/halfmoon.min.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (halfmoon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Halfmoon v2

Halfmoon cover image

Highly customizable, drop-in Bootstrap replacement.

Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components. Build beautiful and responsive websites and applications.

To learn more, please read the documentation.

JavaScript

We implement no JavaScript on our own, therefore, there is no halfmoon.js (or anything similar). Instead we rely entirely on bootstrap.bundle.js, which you can download from Bootstrap's website. This means that you can replace bootstrap.css with halfmoon.css on your website, and everything should work exactly as expected.

This also means that you can use any of the Bootstrap component libraries for popular JS frameworks such as React, Vue, Angular, Svelte, etc.

Starter template

Here's a starter template to help you quickly get started with Halfmoon.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <title>Starter template - Halfmoon</title>
 
    <!-- Halfmoon CSS -->
    <link href="path/to/halfmoon.min.css" rel="stylesheet">
  </head>
  <body>
    <h1>Hello, world!</h1>
 
    <!-- Bootstrap JS bundle with Popper -->
    <script src="path/to/bootstrap.bundle.min.js"></script>
  </body>
</html>

Using npm

npm install halfmoon

Once the package has been installed, you can simply import the CSS file:

// Import Halfmoon CSS
import "halfmoon/css/halfmoon.min.css";

License

Halfmoon is licensed under MIT.

© Copyright 2023, Tahmid Khan