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

xmov-ui

v0.0.12

Published

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

Downloads

7

Readme

文档

xmov-frontend-ui.xmov.ai

特性

比较完整

有超过 80 个组件,希望能帮你少写点代码。

顺便一提,它们全都可以 treeshaking。

主题可调

我们提供了一个使用 TypeScript 构建的先进的类型安全主题系统。你只需要提供一个样式覆盖的对象,剩下的都交给我们。

顺便一提,不用 less、sass、css 变量,也不用 webpack 的 loaders。以及你可以试试右下角的主题编辑器。

使用 TypeScript

Xmov UI 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。

顺便一提,你不需要导入任何 CSS 就能让组件正常工作。

我尽力让它不要太慢。至少 select、tree、transfer、table、cascader 都可以用虚拟列表。

顺便一提,...,没有顺便了。祝你使用愉快。

安装

npm

使用 npm 安装。

npm i -D xmov-ui

字体

npm i -D vfonts

设计资源

Xmov UI (Sketch)

二次开发

css 导入

该仓库支持自定义 CSS 导入,但是会丢失 native-ui 自带的主题切换功能,请注意区分具体需求来决定是否由外部导入 css 样式

创建样式只需在 css 目录下新建一个对应的组件名称的 css 文件,(参考 css-demo 组件的使用方式)