All Projects → Borderliner → Meshki

Borderliner / Meshki

Licence: other
Meshki: A Black-Colored, Responsive Boilerplate for UI Development

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Meshki

Bojler
Bojler is an email framework
Stars: ✭ 885 (+586.05%)
Mutual labels:  framework, scss
Zeva
a modern and minimalist ui framework for building responsive and modern frontends
Stars: ✭ 57 (-55.81%)
Mutual labels:  framework, scss
Codyhouse Framework
A lightweight front-end framework for building accessible, bespoke interfaces.
Stars: ✭ 1,020 (+690.7%)
Mutual labels:  framework, scss
Gutenberg
Modern framework to print the web correctly.
Stars: ✭ 4,425 (+3330.23%)
Mutual labels:  framework, scss
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-0.78%)
Mutual labels:  framework, scss
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+506.98%)
Mutual labels:  framework, scss
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-58.14%)
Mutual labels:  framework, scss
Tuicss
Text-based user interface CSS library
Stars: ✭ 167 (+29.46%)
Mutual labels:  framework, scss
Mini
Just an extremely simple naked PHP application, useful for small projects and quick prototypes. Some might call it a micro framework :)
Stars: ✭ 1,308 (+913.95%)
Mutual labels:  framework, micro-framework
Chubbyphp Framework
A based PSR-15 microframework that also sets maximum flexibility with minimum complexity and easy replaceability of the individual components, but also of the framework.
Stars: ✭ 69 (-46.51%)
Mutual labels:  framework, micro-framework
Core
Our Front-end baseplate, from mobile to desktop
Stars: ✭ 298 (+131.01%)
Mutual labels:  framework, scss
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+8171.32%)
Mutual labels:  framework, scss
Laravel Zero
A PHP framework for console artisans
Stars: ✭ 2,821 (+2086.82%)
Mutual labels:  framework, micro-framework
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+522.48%)
Mutual labels:  framework, scss
Buttercake
Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰
Stars: ✭ 178 (+37.98%)
Mutual labels:  framework, scss
Generator Baukasten
Awesome!
Stars: ✭ 50 (-61.24%)
Mutual labels:  framework, scss
Slim
Slim is a PHP micro framework that helps you quickly write simple yet powerful web applications and APIs.
Stars: ✭ 11,171 (+8559.69%)
Mutual labels:  framework, micro-framework
Musubii
Simple CSS Framework for JP
Stars: ✭ 138 (+6.98%)
Mutual labels:  framework, scss
Yarf
Yet Another REST Framework
Stars: ✭ 62 (-51.94%)
Mutual labels:  framework, micro-framework
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (+965.12%)
Mutual labels:  framework, scss

Meshki

npm GitHub tag npm Twitter Follow

Meshki Banner

Meshki is a simple, black-colored, responsive boilerplate to kickstart any responsive project.

It is only ~20 KiB (minified) and ~30 KiB (normal), including both Scss/CSS and JS files.

Check out https://borderliner.github.io/Meshki/ for samples and details.

Getting Started (for users)

There are a couple ways to get Meshki (choose only one):

  1. Download the package: as .zip (bigger, common) or as .tar.gz (smaller, uncommon)

  2. Use CDN: Link Meshki directly into your project with <link> and <script> tags. Meshki is hosted on two famous content delivery networks:

  3. Clone the repo: Open a console and issue (without $):

    $ git clone https://github.com/Borderliner/Meshki.git

    Note: Meshki is always under active development, so if you're looking for a stable and safe release, use the compressed packages. Cloning the repo is needed only if you want to contribute to the project.

  4. Use Bower: bower install meshki (Not Recommended)

  5. Use npm: npm install meshki (Not Recommended)



# Build (for developers and contributors) You need [Node.js](https://nodejs.org/en/) to minify the source Scss and JavaScript files and produce outputs. Download a version suitable for your system, or get it from your Operating System's package manager.

Clone the repo:

git clone https://github.com/Borderliner/Meshki.git && cd Meshki

Install Dependencies

npm or yarn

Install all the dependencies (don't use both):

  • npm install
  • yarn

To compile Meshki, the file build.js contains the scripts you need to compile Meshki. There are a couple of commands you can use via npm or yarn so that you don't have to use build.js directly.

  • npm run compile
  • yarn run compile

To compile and watch for file changes:

  • npm run watch
  • yarn run watch

Sometimes when you upgrade your NodeJS, node-sass needs to be recompiled for the newer version. To do so, run the following command:

  • npm run rebuild-sass
  • yarn run rebuild-sass


# Why Meshki is Awesome

Meshki is lightweight, stylish and minimal. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid with a fresh-looking interface.

  • Dependency-free! You don't need jQuery or other scripts to use Meshki. All pure and independent JavaScript and CSS files.
  • No compilation or any specific installation needed. Just link 2 files of meshki.min.css and meshki.min.js
  • Although Meshki is not a UI framework, it's a CSS library, you can create most of the interface with just using Meshki
  • Around 1.3k lines of unminified CSS, with comments
  • Can be installed via different tools: git, bower, npm and yarn
  • Hosted on the most famous CDNs: CloudFlare and jsDelivr
  • Clean code, smooth interface, easy yet professional
  • Linter configurations, comments, all available for contributors

Browser Support

Latest version of these browsers are implied:

  • Chrome, Chromium, Opera, Microsoft Edge -> ✓ Well-Tested
  • Mozilla Firefox -> ✓ Well-Tested
  • Safari -> No issues reported.
  • Internet Explorer 9+ -> No animations on IE 9. Do not open issues regarding IE 8 and below Change Your Browser, Please!

The above list is non-exhaustive. Meshki works fine with almost all older versions of the above browsers, though IE certainly has large degradation prior to IE 9, and you are advised to always keep your browser up-to-date.

Known Issues and Roadmap

Not any production-obstructing issues are currently present. For all known issues and project roadmap, see CHANGELOG.

Tools Used

Meshki has been developed mainly on PC, using VSCode and its surrounding tools.

License

All parts of Meshki are free to use under the permissive Apache-2.0 License.

All other non-Meshki codes have their own respective licenses. Check out their repositories for more information. The website of Meshki uses:

Acknowledgement

Meshki was originally started by Mohammadreza Hajianpour as a fork of Skeleton. Meshki has come a long way since then and has experienced a total overhaul, including porting the codebase from CSS to Scss. Skeleton was created by Dave Gamache.


Thanks to all contributors and supporters of Meshki, you are AWESOME.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].