vue-clampy

vue-clampy - Vue

Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long. It uses @clampy-js/clampy library (a fork of Clamp.js) behind the scene to apply the ellipsis.

https://github.com/clampy-js/vue-clampy

Dependencies:

vue : ^2.0.0

@clampy-js/clampy : ^1.0.9

Tags	clamp ellipsis clampy-js clampy vue vue-directive vuejs
Implementation	Javascript
License	MIT
Platform	OS-Independent

Related Projects

vue-js-modal - :pizza: Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal.

Include plugin in your main.js file.

vue vuejs vue-modal vue-plugin vue-js-modal front-end web dialog alert modal

vue-agile - Carousel component for Vue.js

Carousel component for Vue.js inspired by Slick. More powerful with each version, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency). 🤝 Thanks to Maciej Wach for inventing the name, testing and motivation.

vue carousel-component vue-agile vuejs vue-component slick slide carousel js component slider

vue-quill-editor - 🍡Quill editor component for Vue2

Javascript

quill editor component for Vue

vue vue-quill-editor quill editor vue-components vuejs vuejs2 vue-component vue2 editor-plugin quilljs quill-editor vue-resource vue-plugin web-editor text-editor vue-directive vue- vue-quill vue-text-editor vue-rich-text-editor vue-web-editor vue-editor

vue-awesome-swiper - 🏆 Swiper component for Vue.

Swiper component for Vue

swipe slide vue vue-swiper vue-components vue-awesome-swiper ssr nuxtjs nuxt vuejs vuejs2 vue2 vue-component vue-resource carrousel slides slider swiper vue-plugin vue-directive awesome-swiper vue-carrousel vue-slide

Vue.D3.tree - Vue component to display tree based on D3.js layout.

Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.

d3js vuejs2 component tree vue vuejs d3.js web-components

vue-scrollto - Adds a directive that listens for click events and scrolls to elements.

Javascript

For vue 1.x use vue-scrollTo@1.0.1 (note the capital T) but keep in mind that the old version depends on jquery. vue-scrollto uses window.requestAnimationFrame to perform the animations, thus giving the best performance.

vue vuejs directive vue-plugin easings request-animation-frame scroll scrollto scroll-to

vue-chat-scroll - Automatic scroll-to-bottom directive for vue.

Javascript

A plugin for Vue.js 2 that scrolls to the bottom of an element when new content is added within said element. Check out our lovely demo. Just include ./dist/vue-chat-scroll.js after Vue itself.

vuejs vuejs2 scrolling chat vue vue-directive scroll autoscroll room

vue-clickaway - Reusable clickaway directive for reusable Vue.js components

Javascript

Sometimes you need to detect clicks outside of the element (to close a modal window or hide a dropdown select). There is no native event for that, and Vue.js does not cover you either. This is why vue-clickaway exists. Please check out the demo before reading further. If you need a version for Vue 1, try vue-clickaway@1.0.

vue click clickaway reusable vue-directive vuejs

vue-codemirror - ❤️ Codemirror component for Vue2

Codemirror component for Vue

vue codemirror vue-codemirror codemirror-component vuejs vuejs2 vue2 vue-components vue-component vue-resource codemirror-themes codemirror-editor code-editor co vue-directive vue-plugin text-editor web-editor

vue-shortkey - Vue-ShortKey - plugin for Vue.js

Javascript

Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener. Add the shortkey directive to the elements that accept the shortcut. The shortkey must have explicitly which keys will be used.

vue-shortkey shortcut vuejs vue shortkey

vue-js-toggle-button - :fish_cake: Vue.js 2 toggle / switch button - simple, pretty, customizable

labels object accepts HTML text (for example, you can use FontAwesome for checked/unchecked states).

vuejs vue vue-component toggle-buttons toggle-switches button switch vue-plugin toggle

vue-cal - A Vue JS full calendar, no dependency, no BS. :metal:

If you have any idea, feel free to fork Vue Cal and submit your changes back to me.

full-calendar calendar vue vuejs ui

vue-focus - A reusable focus directive for reusable Vue.js components

Javascript

It can be tricky to manage input focus. You always have to fall back to accessing DOM elements and calling .focus or .blur on them. Well not anymore. vue-focus lets you manage focus from the safety of your view model.

vue focus reusable vue-directive vuejs

vue-js-grid - :bento: Vue

Plugin does NOT modify the source data array. Cell template is used to get access to list data, indexing and sorting params generated by plugin.

vuejs grid-system plugin vue

quasar - Quasar Framework

Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

quasar-framework vuejs vuejs2 vue vue-component ios android electron material vue-components material-theme material-design material-components vue2 pwa quasar js phone tablet desktop spa website

http-vue-loader - load .vue files from your html/js

Javascript

Load .vue files directly from your html/js. No node.js environment, no build step. Since some browsers do not allow XMLHttpRequest to access local files (Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https), you can start a small express server to run this example.

http vuejs2 loader vue vue-loader http-vue-loader promise vue-files

v-img

v-img is a plugin for Vue.js that allows you to show images in full-screen gallery by adding only one directive to the <img> tag. *in this snippet all settings has its default value. No need to specify them unless you want to change default behavior. Unfortunately if you used CDN way to include plugin you can't set up these options, but still can set them up inline.

vue vuejs images gallery gallery-plugin vue-image-gallery vuejs-image-gallery photoswipe preview image-gallery

vue2-admin-lte - :bar_chart: adminLTE to vuejs v2.x converting project

AdminLTE of Admin control panel template Based on Vuejs 2.x Front-end Framework. First, install vue2-admin-lte via npm.

adminlte vue-admin-lte vuejs bootstrap webpack admin-lte-vue vue-adminlte adminlte-vue vue2-admin-lte vue2 vue2-demo admin-lte vue.js vue-jquery vue-bootstrap front-end

vue-express-mongo-boilerplate - :star: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

Javascript

This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB. It is NOT an out-of-box project. I make it in order to create an up-to-date starter repo which contains all important functions (user signup, login, oauth, profile, ...etc) except the business-logic. So when neccessary I can create a new webapp and only need to develop the business logic.

vue nodejs express boilerplate mongo webpack vuejs graphql fullstack fullstack-boilerplate mongodb hackaton bootstrap starter

vue-medium-editor - ✍️ A MediumEditor component for Vue 2. Demo:

Javascript

A medium-editor component for Vue2. For Vue1 checkout branch 1.0. A list of available options can be found in the documentation of MediumEditor. Optionally you may use the standalone builds from dist which have medium-editor.js included.

medium-editor vue js medium editor directive