npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

meshki

v2.5.1

Published

Meshki: The most stylish CSS library on planet Earth!

Downloads

123

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

borderlinerborderliner

Keywords

cssmeshkiresponsiveboilerplateblack

Readme

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)

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

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 Reza 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.