https://github.com/halfmoonui/halfmoon

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.
https://github.com/halfmoonui/halfmoon

bootstrap bootstrap5 css css-custom-properties css-framework css-variables dark-mode dark-theme dashboard halfmoon web-framework

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/halfmoonui/halfmoon
• Owner: halfmoonui
• License: mit
• Created: 2020-06-30T19:26:01.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-29T07:56:06.000Z (4 months ago)
• Last Synced: 2024-07-28T21:41:22.836Z (about 1 month ago)
• Topics: bootstrap, bootstrap5, css, css-custom-properties, css-framework, css-variables, dark-mode, dark-theme, dashboard, halfmoon, web-framework
• Language: CSS
• Homepage: https://www.gethalfmoon.com
• Size: 480 KB
• Stars: 3,004
• Watchers: 51
• Forks: 114
• Open Issues: 65
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - halfmoonui/halfmoon - 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. (CSS)

README

        
# [Halfmoon v2](https://www.gethalfmoon.com)

![Halfmoon cover image](https://res.cloudinary.com/halfmoon-ui/image/upload/v1691920748/open-graph/og-image_hiacw3.png)

> 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](https://www.gethalfmoon.com/docs/introduction/).

## 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](https://getbootstrap.com/docs/5.3/getting-started/download/). 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.

```html

  

    

    

    

 

    Starter template - Halfmoon

 

    

    

  

  

    
Hello, world!

 

    

    

  


```

## Using npm

```

npm install halfmoon

```

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

```javascript

// Import Halfmoon CSS

import "halfmoon/css/halfmoon.min.css";

```

## License

Halfmoon is [licensed under MIT](https://www.gethalfmoon.com/license/).

## Copyright

© Copyright 2023, Tahmid Khan