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

@techui/scifi

v0.1.6-alpha.1

Published

TechUI Scifi is a sci-fi SVG component library developed based on Vue3. It uses dynamically calculated SVG elements to generate a variety of cool, futuristic, and technological components.

Vulnerabilities

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

Links

Maintainers

jay86cnjay86cnayin86cnayin86cn

Keywords

@techuitechuiTechUIayinAdaptiveAdaptive PaneltechuiAdaptivetuiAdaptive@techui/prime@techui/admin@techui/base@techui/scifiTechUI PrimeTechUI AdminTechUI BaseTechUI Scifitechui-primetechui-admintechui-basetechui-scifiDashboardWorkbenchAdmin PanelWorkspacePortalSci-fi componentSVG componentsFuture style componentdata-view@jiaminghi/data-viewjiaminghi

Readme

@techui/scifi

English | 中文

English

@techui/scifi is the TechUI library for sci-fi styled data-display and visualization interfaces.

It includes @techui/base and adds SVG-based sci-fi visual components, decorative containers, dynamic panels, titles, headers, and visual styles for dashboards, large-screen pages, and immersive data-display scenes.

Positioning

Scifi is suitable for data-visualization dashboards, large-screen applications, cockpit-style pages, exhibition screens, and interfaces that need a stronger visual language. It focuses on visual expression and atmosphere while still keeping the common Base component layer available.

Library Relationship

  • @techui/base: foundation library.
  • @techui/admin: includes Base and adds workbench / admin-shell capabilities.
  • @techui/scifi: includes Base and adds sci-fi SVG and data-visualization style capabilities.
  • @techui/prime: includes Base, Admin, Scifi, and Prime-exclusive advanced capabilities.

The four main libraries are full-library packages. They are not designed around per-component on-demand imports.

Usage

import TechUIScifi from "@techui/scifi";

await TechUIScifi({ app });

Documentation & Repository

License

See LICENSE.md.

Author

中文

@techui/scifi 是 TechUI 面向科技风数据展示和可视化界面的组件库。

它包含 @techui/base，并在 Base 之上叠加基于 SVG 的科技风视觉组件、装饰容器、动态面板、标题、头部和适合大屏/看板的视觉风格能力。

定位

Scifi 适合数据可视化大屏、驾驶舱页面、展陈屏幕，以及需要更强视觉语言的界面。它重点解决视觉表达和氛围塑造，同时保留 Base 提供的通用组件能力。

四库关系

  • @techui/base：基础组件库。
  • @techui/admin：包含 Base，并叠加工作台 / 后台框架能力。
  • @techui/scifi：包含 Base，并叠加科技风 SVG 与数据可视化风格能力。
  • @techui/prime：包含 Base、Admin、Scifi，并叠加 Prime 独占高级能力。

四个主库均按完整组件库使用，不以单组件按需引入作为设计目标。

使用

import TechUIScifi from "@techui/scifi";

await TechUIScifi({ app });

文档与源码仓库

许可证

见 LICENSE.md。

作者