Halfmoon

Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages.

• Designed specifically for building dashboards—This means that a lot of importance is placed on components such as forms, navbars, sidebars, dropdowns, toasts, shortcuts, etc.
• Built-in dark mode—Now all of your websites will automatically come with a dark mode.
• Optional JS library—Many of the components found in Halfmoon are built to work without JavaScript. However, the framework still comes with a powerful JavaScript library with no extra dependencies, such as jQuery.
• Bootstrap like classes—The class names should be instantly familiar to anyone who has used Bootstrap.
• Cross-browser compatibility—Fully supports almost all the browsers under the sun, including really old ones like Internet Explorer 11.
• Easily customizable—The repo also contains a variables file (halfmoon-variables.css) where custom CSS properties (variables) are used in the code for things like colors, layout properties, etc. This makes it extremely easy to customize Halfmoon to your liking, as the use of modern CSS variables means that things like pre-processors are not needed.

To learn more, go to the documentation.

Quickstart

The quickest way to get started with Halfmoon is by using the CDN to include the following files:

<!-- Halfmoon CSS -->
<link href="https://cdn.jsdelivr.net/gh/halfmoonui/[email protected]/css/halfmoon.min.css" rel="stylesheet" />

<!-- Halfmoon JS -->
<script src="https://cdn.jsdelivr.net/gh/halfmoonui/[email protected]/js/halfmoon.min.js"></script>

Starter template generator

You can use the starter template generator to generate boilerplates for your project. The generator takes your settings and adds the appropriate classes and defines the required containers and elements.

Once again, we recommend reading the documentation, as it contains a lot of examples to help you quickly build websites.

License

MIT

Copyright

Copyright 2020, Halfmoon UI