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

@passionbuilt.dev/nimbus-ui

v1.0.2

Published

A minimalist, neumorphism-inspired Vue 3 UI kit with accessible, token-based components.

Vulnerabilities

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

Links

Git

Maintainers

passionbuilt.devpassionbuilt.dev

Keywords

vuevue3vuejsui-kitui-componentscomponent-librarydesign-systemdesign-tokensneumorphismsoft-uicomponentsaccessiblea11ydark-modecss-variablestypescriptvitestorybook

Readme

Nimbus UI

license

Nimbus is a minimalist, neumorphism-inspired Vue 3 UI kit for developers and designers who want clean, soft, tactile interfaces. It ships design foundations — typography, color tokens, spacing, soft shadows — plus a set of accessible, ready-to-use components. Perfect for portfolios, prototypes, and projects.

Status: Nimbus is published to npm as @passionbuilt.dev/nimbus-ui.

npm install @passionbuilt.dev/nimbus-ui

Features

  • Foundations — typography scale, color tokens, spacing, border-radius, and soft elevation shadows, all driven by CSS custom properties with light/dark themes.
  • Components — buttons, inputs, textareas, selects, checkboxes, radios, dialogs, forms, menus, tabs, accordions, data tables, tags, avatars, images, links, and layout primitives (Box, Text).
  • Accessibility — focus states, semantic HTML, ARIA patterns (tabs, menus, combobox), focus traps, and full keyboard navigation.
  • Lightweight & themeable — Vue is a peer dependency, styles are token-based, and components are easy to customize and extend.

Components

| Component | Description | | --- | --- | | PxBox | Layout primitive / container with elevation | | PxText | Typographic text & headings (via as) | | PxButton | Button, supports variant, fullWidth, as, link rendering | | PxLink | Accessible link with aria-current support | | PxInput / PxTextarea | Form fields with helperMessage, validation states | | PxSelect | Floating UI combobox with full keyboard nav | | PxCheckbox / PxRadio | Form controls with v-model, validation states | | PxDialog | Modal with focus trap and overlay-to-close | | PxForm | Form layout wrapper, stacks fields with consistent spacing | | PxFormSection | Titled fieldset for grouping related form fields | | PxMenu / PxMenuItem | Floating UI menu with arrow-key navigation | | PxTabs / PxTab | ARIA tabs with roving tabindex | | PxAccordion / PxAccordionItem | Expandable panels with grid animation | | PxDataTable | Neumorphic table with columns / rows | | PxTag | Status/label tag with shape variants | | PxAvatar / PxImage / PxIconContainer | Media & icon primitives |

See the Storybook for the full prop reference and live examples.

Documentation

Component documentation, props, and interactive examples live in Storybook. Run it locally:

npm run storybook

Development

git clone https://github.com/Passion-Built/Nimbus-Vue.git
cd Nimbus-Vue
npm install

npm run dev              # Vite dev server (src/App.vue playground)
npm run storybook        # Storybook on :6006
npm run build            # Build the library to dist/
npm run build-storybook  # Static Storybook build

Contributions are welcome — please read CONTRIBUTING.md first. By participating you agree to the Code of Conduct.

License

MIT © Passion Built