jobins-frontend-components

A professional Vue 3 component library with modern design principles
6,037
vue typescript vue3 ui components tailwindcss design-system
Install
npm install jobins-frontend-components
Latest Version:0.3.15
Vue:3
License:MIT
Last Updated:Oct 13, 2026
Links: npm
Maintainer: nirazanbasnet

Jobins Design System Core

A professional Vue 3 component library built with modern design principles.

Features

  • 🎨 Modern Design: Clean, professional components following current design trends
  • 🔧 Flexible: Highly customizable with variant-based styling
  • 🚀 Performance: Lightweight and optimized for production

Installation

npm install jobins-frontend-components
# or
yarn add jobins-frontend-components
# or
pnpm add jobins-frontend-components

Usage (JButton)

<template>
  <JButton variant="default">Click me</JButton>
  <!-- Variants: default, tertiary, flat, agent, client, danger, outline, dangerOutline, link -->
</template>

<script setup>
import { JButton } from 'jobins-frontend-components'
</script>

Components

JButton

A flexible button component with multiple variants and sizes.

Props
Prop Type Default Description
variant 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' 'default' Button visual variant
size 'default' | 'sm' | 'lg' | 'icon' 'default' Button size
asChild boolean false Render as child element
as string | object 'button' Element tag or component to render as
disabled boolean false Whether the button is disabled
class string undefined Additional CSS classes

Utilities

cn helper for merging Tailwind classes is exported if needed.

Requirements

  • Vue 3.x
  • Tailwind CSS (for styling)

License

MIT License

Related Packages

@netragate/design-system

Vue 3 design system with tokens, Tailwind CSS 4, light/dark mode, and 60+ compon...

3,214
components design-system tailwindcss ui vue vue3
fuxsto-design

Monochrome zinc, Tailwind CSS v4 component library for Vue 3 (fuxsto-ui)

2,089
components design-system tailwindcss ui vue shadcn
bismuth-ui

Vue 3 components cut from hexagons: 45° bevels drawn in CSS layers, an iridescen...

2,071
components design-system tailwindcss ui vue vue3
@jaltech/vuejs-ui

Accessible, reusable Vue 3 components and composables — a source-first design sy...

5,007 0
components design-system tailwindcss typescript ui vue vue3
@hina-ui/vue

The design system behind Hikarinagi: Vue 3 components built on Tailwind CSS v4.

4,608 10
design-system tailwindcss ui vue vue3 accessibility component-library

Version History

Version Released Vue License
0.3.15 ^3.3.0 MIT
0.3.14 ^3.3.0 MIT
0.3.13 ^3.3.0 MIT
0.3.12 ^3.3.0 MIT
0.3.11 ^3.3.0 MIT