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

vue3-bcui

v0.3.0-alpha.2

Published

Border Card UI for Vue3.

Vulnerabilities

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

Links

Git

Maintainers

stapxsstapxs

Keywords

Readme

Border Card UI

这是 SS ——，这个仓库的介绍文档可能会和其他的有那么一点点不一样（？

Border Card UI 是一个纯扁平化设计风格。在 2020 年的高三，我闲来无事买了本 WPF 开发的教程，便开始从简陋的控制台编程跨向了现代化的 UI 程序开发（其实在这之前我还学了 Windows API） 并且编写了一个小工具箱 SS Tool Box 。 SSTB 经历了好几版的更新，还有好几版的界面设计更新，总之在 2.0 的重置版里，我设计了一个全新的 UI，它就是现在的 Border Card UI。

为什么叫 Border Card UI？ 因为它在 WPF 中最早的实现方式依靠了大量的 Border 控件，于是我脑子一抽，就用 Border 做名字了 XD

Border Card UI 并不是一个全部自主设计的风格，它来自于早期 SSTB 的卡片、TMore 的界面设计（主要来源）、PCL2 的动画设计（主要来源）甚至在新版本中还有 Windows 11 的新元素。 Border Card UI 是个设计风格，它指定了一个卡片化、扁平、优雅的设计风格，并且尝试将它迁移到任何有界面的平台上。总而言之，这是个设计风格 ——

所以，在这个仓库里，BCUI 的完成称呼应该叫做 Border Card UI for Vue。

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.