{"id":4802,"date":"2020-08-19T16:16:00","date_gmt":"2020-08-19T16:16:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=4802"},"modified":"2020-08-17T16:23:27","modified_gmt":"2020-08-17T16:23:27","slug":"halfmoon-modern-front-end-framework-inspired-by-bootstrap","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/","title":{"rendered":"Halfmoon: Modern Front-end Framework Inspired By Bootstrap"},"content":{"rendered":"\n<h2>Description:<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2>More Features:<\/h2>\n\n\n\n<ul><li>Bootstrap like CSS classes.<\/li><li>Dark Mode &amp; Light Mode.<\/li><li>Useful components built using vanilla JavaScript.<\/li><\/ul>\n\n\n\n<h2>Components Included:<\/h2>\n\n\n\n<ul><li>Alerts<\/li><li>Badges<\/li><li>Breadcrumb<\/li><li>Buttons<\/li><li>Dropdown (And popover)<\/li><li>Form Controls<\/li><li>Modal<\/li><li>Navbar<\/li><li>Pagination<\/li><li>Sticky alerts (Toasts)<\/li><li>Tables<\/li><li>Tooltips<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4803\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/attachment\/halfmoon-front-end-framework-sidebar-nav\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav.png\" data-orig-size=\"768,544\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Halfmoon-Front-End-Framework-Sidebar-Nav\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav-300x213.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav.png\" loading=\"lazy\" width=\"768\" height=\"544\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav.png\" alt=\"\" class=\"wp-image-4803\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Sidebar-Nav-300x213.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Sidebar Navigation Menu<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4804\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/attachment\/halfmoon-front-end-framework-nav\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav.png\" data-orig-size=\"768,522\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Halfmoon-Front-End-Framework-Nav\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav-300x204.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav.png\" loading=\"lazy\" width=\"768\" height=\"522\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav.png\" alt=\"\" class=\"wp-image-4804\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Nav-300x204.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Navigation Menu<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4806\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/attachment\/halfmoon-front-end-framework-card\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card.png\" data-orig-size=\"575,338\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Halfmoon-Front-End-Framework-Card\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card-300x176.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card.png\" loading=\"lazy\" width=\"575\" height=\"338\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card.png\" alt=\"\" class=\"wp-image-4806\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card.png 575w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Card-300x176.png 300w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><figcaption>Card<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4805\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/attachment\/halfmoon-front-end-framework-grid-system\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System.png\" data-orig-size=\"768,268\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Halfmoon-Front-End-Framework-Grid-System\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System-300x105.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System.png\" loading=\"lazy\" width=\"768\" height=\"268\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System.png\" alt=\"\" class=\"wp-image-4805\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Grid-System-300x105.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Grid System<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"4808\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/halfmoon-modern-front-end-framework-inspired-by-bootstrap\/attachment\/halfmoon-front-end-framework-table\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table.png\" data-orig-size=\"652,460\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Halfmoon-Front-End-Framework-Table\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table-300x212.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table.png\" loading=\"lazy\" width=\"652\" height=\"460\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table.png\" alt=\"\" class=\"wp-image-4808\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table.png 652w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework-Table-300x212.png 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><figcaption>Table<\/figcaption><\/figure>\n\n\n\n<h2>Install:<\/h2>\n\n\n\n<p>1. Insert the Halfmoon\u2019s JavaScript and CSS files into the document.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!-- Halfmoon CSS --&gt;\n&lt;link href=\"\/path\/to\/halfmoon.min.css\" rel=\"stylesheet\" \/&gt;\n&lt;!-- Halfmoon JS --&gt;\n&lt;script src=\"\/path\/to\/halfmoon.min.js\"&gt;&lt;\/script&gt;<\/pre>\n\n\n\n<p>2. Happy coding.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><strong>Author<\/strong>: HalfmoonUI<\/p><p><strong>Official Page<\/strong>: <a href=\"https:\/\/github.com\/halfmoonui\/halfmoon\">GitHub<\/a><\/p><p><strong>License<\/strong>: MIT<\/p><p><strong>Download<\/strong>: <a href=\"https:\/\/github.com\/halfmoonui\/halfmoon\/archive\/master.zip\">Link<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Description: 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 &amp; Light Mode. Useful components built using vanilla JavaScript. Components Included: Alerts Badges Breadcrumb Buttons Dropdown (And popover) Form Controls Modal Navbar [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4807,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,7],"tags":[25,146,28],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2020\/08\/Halfmoon-Front-End-Framework.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-1fs","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4802"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=4802"}],"version-history":[{"count":2,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4802\/revisions"}],"predecessor-version":[{"id":4810,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/4802\/revisions\/4810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/4807"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=4802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=4802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=4802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}