All Projects → wuerthcs → vue-virtual-stream

wuerthcs / vue-virtual-stream

Licence: MIT License
Simple vue-virtualized package for Vue.js

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vue-virtual-stream

React Virtualized
React components for efficiently rendering large lists and tabular data
Stars: ✭ 22,963 (+143418.75%)
Mutual labels:  list, listview, virtualization
React Gridlist
A virtual-scrolling GridList component based on CSS Grids
Stars: ✭ 394 (+2362.5%)
Mutual labels:  list, listview, virtual
react-recycled-scrolling
Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks
Stars: ✭ 26 (+62.5%)
Mutual labels:  list, listview, virtualization
vue-virtualised
Blazing fast scrolling and updating for any amount of list and hierarchical data.
Stars: ✭ 18 (+12.5%)
Mutual labels:  listview, virtualization
recycler-adapter
RecyclerView-driven declarative UIs
Stars: ✭ 124 (+675%)
Mutual labels:  list, listview
recyclerview-list-drag-and-drop
No description or website provided.
Stars: ✭ 50 (+212.5%)
Mutual labels:  list, listview
React Virtual List
Super simple virtualized list React component
Stars: ✭ 597 (+3631.25%)
Mutual labels:  list, virtual
Awesome Osx
📦 Awesome stuff for OSX
Stars: ✭ 54 (+237.5%)
Mutual labels:  list, virtualization
Masonic
🧱 High-performance masonry layouts for React
Stars: ✭ 209 (+1206.25%)
Mutual labels:  list, virtualization
react-virtual-list
A tiny virtualization list component(gzipped 6KB), supports dynamic height: https://dwqs.github.io/react-virtual-list/
Stars: ✭ 45 (+181.25%)
Mutual labels:  virtualization, virtual
observable ish
Observable state and events for browser and Flutter.
Stars: ✭ 26 (+62.5%)
Mutual labels:  list
awesome
Awesome Awesome Awesome !!! Try to update every week.
Stars: ✭ 15 (-6.25%)
Mutual labels:  list
kinetic
High-Performance AWS Kinesis Client for Go
Stars: ✭ 20 (+25%)
Mutual labels:  stream
ansible virtualization
Ansible Collection: Virtualization roles
Stars: ✭ 31 (+93.75%)
Mutual labels:  virtualization
discord-ytdl-core
Simple ytdl wrapper for discord bots with custom ffmpeg args support.
Stars: ✭ 52 (+225%)
Mutual labels:  stream
SettingsAppInSwiftUI
I have recreated a Settings App in iPhoneXR using SwiftUI concepts such as Form,Section,Toggle,Picker,Stack..etc
Stars: ✭ 37 (+131.25%)
Mutual labels:  list
ngx stream upstream check module
nginx health checker (tcp/udp/http) for stream upstream servers.
Stars: ✭ 18 (+12.5%)
Mutual labels:  stream
status-list
A list of your various social statii.
Stars: ✭ 35 (+118.75%)
Mutual labels:  list
twitchpipe
Pipe your favorite Twitch streams to the media player of your choice, or a file to save them for later. Supports low-latency playback.
Stars: ✭ 28 (+75%)
Mutual labels:  stream
scte35-threefive
threefive is the highest rated SCTE35 parser, ever. maybe.
Stars: ✭ 75 (+368.75%)
Mutual labels:  stream

vue-virtual-stream - Demo

A virtualized list component for chats, comment lists and streams in general.

This Vue component can be used to build large lists of virtual components without a limited amount of items (For example chats, comment sections, streams, etc.). It's not optimized for fetched data yet but will be optimized in the future.

This repository contains

  1. The source files for the Vue component
  2. Scripts to built your own packaged versions via rollup
  3. An example demo

Example

<template>
    <div class="my-component">
        <VirtualStream :items="myItems" :count="100" :offset="20">
            <template slot-scope="{ item, index }">
                <div>{{ item.text }} - {{ index }}</div>
            </template>
        </VirtualStream>
    </div>
</template>

Documentation

You can find the documentation here.

Maintainers

This project is maintained by:

Contributing

Feel free to dive in! Open an issue or submit PRs. Check out our Code of Conduct if you have any questions.

License

MIT © ZIP-Software

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].