Modern Front-end Framework Inspired By Bootstrap – Halfmoon

Halfmoon is a flexible, open-source front-end framework for quickly building modern web apps, dashboards, admin panels, landing pages, one page websites, and much more.

More Features:

• Bootstrap like CSS classes.
• Dark Mode & Light Mode.
• 25+ UI components.
• Fully responsive and accessible
• 3 built-in themes: modern, elegant, and default.
• Useful components built using vanilla JavaScript.

Components Included:

• Accordion
• Alerts
• Badges
• Breadcrumb
• Buttons
• Button group
• Cards
• Carousel
• Collapse
• Close button
• Dropdowns
• List group
• Modal
• Navbar
• Navs and tabs
• Offcanvas
• Pagination
• Placeholders
• Popovers
• Progress
• Scrollspy
• Sidebar
• Spinners
• Toasts
• Tooltips

Install:

1. Insert the Halfmoon’s JavaScript and CSS files into the document.

<!-- Halfmoon CSS -->
<link href="/path/to/halfmoon.min.css" rel="stylesheet" />
<!-- Halfmoon JS -->
<script src="/path/to/halfmoon.min.js"></script>

2. Happy coding.

Previews:

Card

Grid System

Nav

Sidebar Nav

Table

Table

Changelog:

v2.0.2 (09/04/2024)

• Minor code and docs fixes
• Update dependencies

v2.0.1 (10/07/2023)

• Three built-in core themes

v2.0.0 (08/20/2023)

• Update

v1.1.1 (10/07/2020)

• Rounded buttons
• Fixed switch transitions
• Other minor bug fixes, such as the border radius issue with input groups

v1.1.0 (09/18/2020)

• New components and utilities
• Bug fixes