A blazingly fast, versatile, pure CSS framework
with a modular approach to a responsive grid system and a
vast amount of utilities.
Please note: meshBuilder, forms, toasts, nav, header are still work in progress
meshCSS is a pureCSS framework built on a responsive grid system, featuring an array of pure dynamic components, such as modals, tabs, alerts and many more. Better yet,
it's extremely quick - 100kb minified.
mesh was specifically built with a modular approach, to allow you to cut back on classes and components by using our sass files or our unique meshBuilder.
In addition, mesh has a huge amount of very useful utility classes and it's built entirely around flexbox, which enables you to write HTML quicker.
Simple, concise and easy to pick up, mesh will save you time and make layouts a breeze.
Head over to the installation page for more details on how to download and install mesh. Here are a few options to get you started.
- meshBuilder - We recommend you visit the meshBuilder before downloading. With this powerful tool, you only download the components/utilities you need and you can change variables such as colors and spacing.
- Direct download - Download the latest release with pre-compiled CSS.
- npm - Install with npm to get all source files as they are available on Github:
npm install meshcss. - CDN - Load CSS via CDN from jsDelivr: https://cdn.jsdelivr.net/gh/ainsleyclark/mesh@master/dist/css/mesh.min.css
Documentation for each utility and component can be found under the documentation folder. Alternatively, you can visit meshcss.com to see visual examples & code snippets.
mesh welcomes contributors, but please read the contributing document before making a pull request. You can also browse the issues or help wanted section found above. We advise that you get yourself familiar with grid system, utilities and components at meshCSS to see how things work before contributing.
Maintaining & updating mesh is time consuming. If you want to sponsor us or just buy us a coffee, it would be greatly appreciated. You can help keep meshCSS alive by donating.
Please visit our donation page to contribute to the project - even a small amount helps.
- Chrome 35+
- Firefox 31+
- Safari 9+
- Opera
- Edge
- IE 11+
Many thanks to Browserstack for ensuring meshCSS works on multiple browsers.
Code Copyright 2018 mesh. Code released under the MIT Licence.