- Notifications
You must be signed in to change notification settings - Fork115
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.
License
halfmoonui/halfmoon
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
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 readthe documentation.
We implement no JavaScript on our own, therefore, there is nohalfmoon.js (or anything similar). Instead we rely entirely onbootstrap.bundle.js, which you candownload from Bootstrap's website. This means that you can replacebootstrap.css withhalfmoon.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.
Here's a starter template to help you quickly get started with Halfmoon.
<!doctype html><htmllang="en"><head><!-- Required meta tags --><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>Starter template - Halfmoon</title><!-- Halfmoon CSS --><linkhref="path/to/halfmoon.min.css"rel="stylesheet"></head><body><h1>Hello, world!</h1><!-- Bootstrap JS bundle with Popper --><scriptsrc="path/to/bootstrap.bundle.min.js"></script></body></html>
npm install halfmoonOnce the package has been installed, you can simply import the CSS file:
// Import Halfmoon CSSimport"halfmoon/css/halfmoon.min.css";
Halfmoon islicensed under MIT.
© Copyright 2023, Tahmid Khan
About
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.