vue-waterfall - A waterfall layout component for Vue.js

  •        57

A waterfall layout component for Vue.js . Branch 0.x (version 0.x.x) is compatible with Vue 1 .

https://github.com/MopTym/vue-waterfall

Tags
Implementation
License
Platform

   




Related Projects

waterfall.js - Tired of use creepy hacks or heavy ways to get a Grid based on Pinterest?

  •    Javascript

This question has a good point. Yes, there are CSS ways to solve this, using flexbox or columns technic, but this doesn't work well when you don't know about your data/structure. So we have to use JavaScript. The challenge is create a decent algorithm where the structure doesn't matter: Waterfall will work. ⚠️ The latest stable is waterfall-1.0.2 (which is used in the website), newest versions are suffering issues from a major rewrite.

CHTCollectionViewWaterfallLayout - The waterfall (i.e., Pinterest-like) layout for UICollectionView.

  •    Objective-C

CHTCollectionViewWaterfallLayout is a subclass of UICollectionViewLayout, and it trys to imitate UICollectionViewFlowLayout's usage as much as possible. This layout is inspired by Pinterest. It also is compatible with PSTCollectionView.

vue-grid-layout - A draggable and resizable grid layout, for Vue.js.

  •    Vue

This is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.

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

  •    Vue

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.


Vuepress - Minimalistic Vue-powered static site generator

  •    Vue

Vuepress is a minimalistic doc generator with Vue component based layout system. VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.

Vue-Layout - 基于UI组件的Vue可视化布局工具

  •    Javascript

基于UI组件的Vue可视化布局工具

vue-jest - Jest Vue transformer

  •    Javascript

To define vue-jest as a transformer for your .vue files, you need to map .vue files to the vue-jest module. A full config will look like this.

vue-typer - Vue component that simulates a user typing, selecting, and erasing text.

  •    Vue

Vue component that simulates a user typing, selecting, and erasing text. Play with vue-typer in this interactive demo. VueTyper has a single dependency to lodash.split to support emojis and other multi-codepoint Unicode characters. Apart from this, VueTyper does not have any direct dependencies to any other library or framework -- not even to Vue itself! All required Vue API calls are made through Vue's this.$* context methods. This means VueTyper can only execute within a Vue application context, but in exchange, it does not need to pull in Vue, which keeps VueTyper lightweight.

vue-element-admin - A magical vue admin

  •    Vue

vue-element-admin is a front-end management background integration solution. It based on vue and use the UI Toolkit element. It is a magical vue admin based on the newest development stack of vue, built-in i18n solution, typical templates for enterprise applications, lots of awesome features. It helps you build a large complex Single-Page Applications. I believe whatever your needs are, this project will help you.

vue-perf-devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components

  •    Javascript

Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components. It statistically examines the performance of Vue components based on the measures which are collected by Vue using window.performance API. Initially started after reading React Performance Devtool and created from Vue Devtool.

electron-vue-music - 基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star

  •    Javascript

基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star

electron-vue - An Electron & Vue

  •    Javascript

The boilerplate for making electron applications built with vue (pretty much what it sounds like). The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.

intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop

  •    Vue

This repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.