eco-vue-js

library0.12.24jsnpmunverified

A Vue 3 component library with Tailwind CSS integration, currently at v0.12.24. Ships TypeScript definitions. Provides reusable UI components like buttons, lists, tabs, and icons. Active development with frequent releases (multiple per month). Differentiators include automatic Tailwind preset support and Vue 3 composition API. Requires Vue >=3.5.30 and @tanstack/vue-query >=5.92.9 as peer dependencies. The library is not yet stable (pre-1.0) and may have breaking changes between minor versions.

web-framework

github ↗package ↗

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

Components are not exported as a barrel; each component must be imported from its specific path. TypeScript definitions are included.

import WButton from 'eco-vue-js/dist/components/Button/WButton.vue'

Icons are Vue components, not raw SVGs. Path must include '/dist/assets/'.

import IconCheck from 'eco-vue-js/dist/assets/icons/IconCheck'

The preset is directly importable from the package root. No folder nesting.

import tailwindBase from 'eco-vue-js/tailwind-base'

Tailwind preset setup and basic usage of the WButton component in a Vue 3 app.

// tailwind.config.js import tailwindBase from 'eco-vue-js/tailwind-base' export default { presets: [tailwindBase], content: [ ...tailwindBase.content, './index.html', './src/**/*.{vue,js,ts,jsx,tsx}', ], } // App.vue <template> <WButton>Click me</WButton> </template> <script setup> import WButton from 'eco-vue-js/dist/components/Button/WButton.vue' </script>

Debug

Known footguns

breakingPre-1.0: breaking changes may occur in minor versions. Pin to exact version or use lockfile.

deprecatedSome older components may have been removed or renamed without notice; check changelog before upgrading.

gotchaImports require full paths to .vue files; barrel exports are not available.

gotchaIcons are imported as Vue components, not raw SVGs. Path must include '/dist/assets/icons/'.

Upgrade

Version history

Breaking-change detection hasn't run for this library yet.

Audit

Security & dependencies

CVE tracking and dependency tree are planned for a later release.

Agent activity

15 hits · last 30 days

gptbot

ahrefsbot

bytedance

claudebot

script

Resources

githubhttps://github.com/rsmple/eco-vue-js ↗

packagehttps://www.npmjs.com/package/eco-vue-js ↗