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

@zebra-ui/uniapp

v2.0.2

Published

基于uniapp,使用vue3+ts+setup,并实现多端兼容。

Downloads

75

Readme

介绍

zebra-ui 是基于uniapp开发的一款移动端组件库,旨在多端实现统一的代码风格及页面交互。

组件库使用 vue3 ts setup 组合式api 编写。

在保证多端兼容的情况下,使开发者在面对大型项目且需要多人长期维护的场景下,能够更规范,更严谨的进行代码编写,同时提高团队整体开发效率。

特性

  • 🚀 70+ 个高质量组件,覆盖移动端主流场景
  • 🔨 兼容多端,在进行跨多端开发时,可实现风格统一。
  • 🎨 可自定义主题,每个组件提供90%+可用样式变量。
  • 🎨 支持深色模式,示例项目提供深色模式适配。
  • ⚡️ 使用vue3 ts setup主流开发方式。
  • 📚 覆盖全部组件的示例项目及使用文档。

预览

项目截图

示例项目

以下是 ZebraUI 官方提供的一些示例项目,你可以克隆该项目,并直接拷贝代码来使用。

  • demo-normal:此示例项目使用 HbuilderX 创建应用,通过 uni_modules 引入zebra-ui。
  • demo-cli:此示例项目使用 VSCode 创建应用,通过 pnpm 引入zebra-ui。

文档网站

访问文档网站查看组件库使用方法。

Zebra 生态

由 Zebra 官方维护的项目

  • zebra-swiper 基于uniapp,适配多端的高度自定义轮播组件
  • zebra-color 全端兼容的轻量级颜色选择器。

贡献指南

zebra-ui目前处于初期,欢迎提交pr给我们。

如果在使用过程中遇到问题,可通过提交issues方式反馈。

如果你对开源或者zebra-ui感兴趣,欢迎加入zebra团队。

交流群

QQ群:947159437 点击加入