vue-useurl ( Reactive Url Builder Vue Hook for Vue 2 & Vue 3 ) A library for building URL using (Query Parameters, Path Variables, Hash), while being reactive and...
Read More
vue3
A special compiler macros for vue3 script setup
vite-plugin-vue3-define-reactive a special compiler macros defineReactive for vue3 script-setup without <template> <div>{{a}}</div> <div>{{b}}</div> <div>{{c}}</div> </template> <script setup> import { ref } from ‘vue’; const a = ref(0); const b...
Read More
Vue2 and Vue3 directive for keyboard navigation – roving movement and trapping inside container
VueKeyboardTrap (vue-keyboard-trap) Project description Vue directive for keyboard navigation – roving movement and trapping inside container. Works both for Vue3 and Vue2. Demo codepen Docs and examples Source code,...
Read More
Resize Textarea: A simple textarea resize for Vue3
Resize Textarea A simple resize textarea for Vue3. Inspired from vue-textarea-autosize (Works with Vue2) Installation Install the package using npm npm install resize-textarea Documentation Create a new Vue instance...
Read More
A vue3 component that spins on load
uspin A vue3 component that spins on load Install $ npm install uspin Usage <script setup lang=”ts“> import { onMounted, ref } from ‘vue’ import { hide, show }...
Read More
Vue3 CRUD with MEVN Stack
vue-mevn-crud Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint Customize...
Read More
Vue3 and Nuxt3 customizable radio input
vb-radio Vue 3 radio input component. Support Vue3, Nuxt3 and type-safe. View Demo View Github Instalation npm i vb-radio Basic Example <template> <RadioGroup v-model=“framework” name=“frameworks” :options=“frameworks” /> </template> <script...
Read More
CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3
CSS Maximum Reversi is for exploring the best of Reversi UI/UX with CSS3 and Vue3. Play Game hinastory.github.io/css-maximum-reversi/ QR Code Screenshots Features Beautiful and Comfortable Reversi UI/UX CSS-specific UI/UX...
Read More
Wordle: An online word guessing game built with Vue 3
Wordle I was inspired by the popular game Wordle and wanted to create my own version. I’ve mostly used Vue options API when building projects so this was the...
Read More
Sample demo of Vue3 and Tailwindcss
vue3-tailwind-app Demonstration of using Tailwindcss in Vue3. Note Currently Tailwindcss 3 isn’t supported in Vue3 due to postcss 8 incompatibility. Hence we are using npm:@tailwindcss/postcss7-compat or Tailwindcss v2 Getting...
Read More