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 🙏

© 2026 – Pkg Stats / Ryan Hefner

mixify

v0.0.5

Published

Mixify is a lightweight preprocessor for business development.

Readme

Mixify

Mixify 是一个轻量级的样式预处理工具集,专为业务开发场景设计,提供常用的布局、边框、定位等工具类样式。

🔧 当前使用 SCSS 语法,依赖 sass 编译器。请确保 sass 版本不高于 v1.77.6,否则可能会出现警告。该库尚未使用 @use 等新版语法,仍基于传统的 @import 引入方式。

安装

npm install mixify --save-dev

使用方式

在 SCSS / LESS 文件中直接引入:

// 引入全部工具
@import 'mixify';

// 或者按需引入某一部分,例如 flex 工具
@import 'mixify/flex';

特性

  • 💡 模块化:可按需引入,灵活使用

  • 🧩 简洁语义:保留常用语义类名

  • 🧰 适配业务:快速搭建业务页面所需工具类

  • ⚙️ 低依赖:无需额外框架即可使用

注意事项

  • 当前版本旨在兼容传统的 SCSS / LESS 项目结构。由于 SCSS 在未来的 v3 版本中将废弃 @import 语法,Mixify 后续将考虑迁移至基于 @use 的模块化架构,以更好地支持现代化开发需求。
  • 推荐与其他工具库(如重置样式、主题变量)结合使用,提升开发效率