kn0wn / Vue Cosha
Licence: mit
π¨ A vue directive for the cosha library
Stars: β 64
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Cosha
Micro Lisp
πA very small Lisp programming language πthat used to be under 200 lines of Cπ
Stars: β 699 (+992.19%)
Mutual labels: tiny
React Colorful
π¨ A tiny (2,5 KB) color picker component for React and Preact apps
Stars: β 951 (+1385.94%)
Mutual labels: tiny
Clc
Tiny bash utility for coloring terminal output and prompt
Stars: β 58 (-9.37%)
Mutual labels: tiny
Ky
π³ Tiny & elegant JavaScript HTTP client based on the browser Fetch API
Stars: β 7,047 (+10910.94%)
Mutual labels: tiny
Embedio
A tiny, cross-platform, module based web server for .NET
Stars: β 1,007 (+1473.44%)
Mutual labels: tiny
Vuebar
(ποΈ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
Stars: β 650 (+915.63%)
Mutual labels: directive
Next Translate
Next.js plugin + i18n API for Next.js 10 π - Load page translations and use them in an easy way!
Stars: β 867 (+1254.69%)
Mutual labels: tiny
Librini
Rini is a tiny, non-libc dependant, .ini file parser programmed from scratch in C99.
Stars: β 25 (-60.94%)
Mutual labels: tiny
Ngx Infinite Scroll
Infinite Scroll Directive for Angular
Stars: β 1,024 (+1500%)
Mutual labels: directive
Spruce
A lightweight state management layer for Alpine.js. π²
Stars: β 720 (+1025%)
Mutual labels: tiny
Mitt
π₯ Tiny 200 byte functional event emitter / pubsub.
Stars: β 6,945 (+10751.56%)
Mutual labels: tiny
Http File Server
tiny portable HTTP file server. single binary, no dependencies. linux, osx, windows. #golang
Stars: β 37 (-42.19%)
Mutual labels: tiny
Smoldash
Smoldash, A tiny lodash alternative built for the modern web
Stars: β 66 (+3.13%)
Mutual labels: tiny
Smart Area
π Textareas on Steroids - AngularJS directive
Stars: β 65 (+1.56%)
Mutual labels: directive
Vue Match Heights
Vue plugin to match the height of elements
Stars: β 50 (-21.87%)
Mutual labels: directive
vue-cosha
Vue cosha is a simple port of the cosha library for ease of use in Vue projects.
"Colorful shadows for your images. π¨"
cosha lets you add colorful shadows to your images. Try it out and look for yourselfβthe bundle is less than 2kb and it couldn't be easier to use!
How
npm i vue-cosha
import Vue from "vue";
import VueCosha from "vue-cosha";
Vue.use(VueCosha);
<!-- regular old img tag -->
<template>
<img src="my-dope-pic.jpg" alt="mmmhm" v-cosha />
</template>
Nuxt
npm i vue-cosha
Create a file called vue-chosha.js
in your plugins folder with the following inside
import Vue from "vue";
import VueCosha from "vue-cosha";
Vue.use(VueCosha);
Register the plugin in your nuxt.config.js
plugins: [
'~/plugins/vue-cosha'
],
Config
Everything in the config is optional. The default values are:
import VueCosha from "vue-cosha";
Vue.use(VueCosha, {
blur: "5px",
brightness: 1,
saturation: 1,
x: 0,
y: 0
});
You can also add options in the directive to change for that specific element
v-cosha="{ blur: '15px' }"
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].