Gathering detailed insights and metrics for vuetensils
Gathering detailed insights and metrics for vuetensils
Gathering detailed insights and metrics for vuetensils
Gathering detailed insights and metrics for vuetensils
🍴 A tasty toolset for Vue.js 🛠 - Lightweight, functional components to boost your next project.
npm install vuetensils
Typescript
Module System
Node Version
NPM Version
Vue (72.94%)
JavaScript (25.54%)
CSS (1.52%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
657 Stars
662 Commits
38 Forks
10 Watchers
11 Branches
19 Contributors
Updated on Jun 03, 2025
Latest Version
0.13.3
Package Id
vuetensils@0.13.3
Unpacked Size
372.33 kB
Size
87.16 kB
File Count
105
NPM Version
9.6.4
Node Version
20.1.0
Published on
Sep 29, 2023
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
1
35
A "naked" component library for Vue.js focused on being:
Links:
Vuetensil's components are designed to be starting points for some of the most common UI features. They bring all the functionality you would expect from a UI library, but only the bare minimum styles to avoid adding any extra bloat. You can work on the branding, and you don't have to worry about the accessibility.
Import just the features you need (like a WCAG-friendly dialog that traps focus and prevents scrolling), and apply your custom design. No overhead from unused styles and no wrestling with overly-specific styles.
npm install vuetensils
Globally:
1// main.js 2import { VAlert } from 'vuetensils/src/components'; 3import { autofocus } from 'vuetensils/src/directives'; 4 5// With your previously created app 6app.component('VAlert', VAlert); 7app.directive('autofocus', autofocus);
Locally:
1<script> 2// SomeComponent.vue 3import { VAlert } from 'vuetensils/src/components'; 4import { autofocus } from 'vuetensils/src/directives'; 5 6export default { 7 components: { 8 VAlert, 9 }, 10 directives: { 11 autofocus, 12 }, 13 // ... 14}; 15</script>
1<template> 2 <div class="some-component"> 3 <VAlert>Hey, I'm an alert!</VAlert> 4 </div> 5</template>
1/* Some CSS file */ 2.vts-alert { 3 border: 1px solid currentColor; 4 border-radius: 4px; 5 padding: 0 10px; 6 color: #900; 7 background: #FDD; 8}
I've built a lot of projects in the past and found myself copy/pasting several of the same components over and over, and stripping out styles that I didn't need. Eventually I realized that I could just create components with the base functionality and accessible markup, but no styles at all. That way, I wouldn't have to wrestle with existing styles, or worry about bloating my app with overwritten styles.
No vulnerabilities found.
Reason
29 commit(s) out of 30 and 3 issue activity out of 30 found in the last 90 days -- score normalized to 10
Reason
no vulnerabilities detected
Reason
update tool detected
Details
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
no binaries found in the repo
Reason
dependency not pinned by hash detected -- score normalized to 9
Details
Reason
GitHub code reviews found for 1 commits out of the last 30 -- score normalized to 0
Details
Reason
no badge detected
Reason
branch protection not enabled on development/release branches
Details
Reason
non read-only tokens detected in GitHub workflows
Details
Reason
security policy file not detected
Reason
project is not fuzzed
Score
Last Scanned on 2022-08-15
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More