A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.
Cost / License
- Free
- Open Source
Platforms
- Online
Halfmoon is described as 'Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools' and is a CSS Framework in the development category. There are more than 50 alternatives to Halfmoon for a variety of platforms, including Web-based, Self-Hosted, Mac, Windows and Linux apps. The best Halfmoon alternative is Bootstrap, which is both free and Open Source. Other great apps like Halfmoon are Tailwind CSS, Bulma, Semantic UI and Foundation.
A grid system for responsive web design. Includes folding columns, elastic gutters, a zoomable baseline grid, and a delightful grid overlay script.
Google's front-end web framework for building sites to the Material Design specification.



Phonon is a front-end framework made with mobile and desktop in mind. It offers clear and neutral components that integrate best practices and ideas coming from well-known design styles.
Phonon Framework is the most popular Android, iPhone, iPad & Android Tablet alternative to Halfmoon.
Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.
Juiced has many of the same layout features that you know and love, but improves upon them with better mobile targeting, custom column ordering, better alignment options, understandable HTML, and less boilerplate styles.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.