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.
- Buit-in dark mode—Now all of your websites will automatically come with a dark mode.
- 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.
The quickest way to get started with Halfmoon is by using the CDN to include the following files:
<!-- Halfmoon CSS --> <link href="https://email@example.com/css/halfmoon.min.css" rel="stylesheet" /> <!-- Halfmoon JS --> <script src="https://firstname.lastname@example.org/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.
Copyright 2020, Halfmoon UI