@parqui/vue

@parqui/vue

High-performance Vue 3 Parquet file viewer component for Apache Parquet datasets. Includes virtual scrolling data grid, filtering, sorting, grouping, search, and column controls.

Why @parqui/vue

• Ready-to-use Parquet viewer for Vue 3.4+
• Fast virtualized grid for large parquet datasets
• Built-in filtering, multi-sort, grouping, and search
• Smooth integration in data apps, internal tools, and analytics dashboards
• Uses the same core engine as the React and Angular packages

Installation

npm install @parqui/vue

Peer dependencies:

• vue ^3.4.0

Quick Start

<script setup lang="ts">
import { Parqui } from "@parqui/vue";
</script>

<template>
  <div style="height: 80vh">
    <Parqui />
  </div>
</template>

With predefined parquet source:

<script setup lang="ts">
import { Parqui } from "@parqui/vue";
import { sourceFromUrl } from "@parqui/core";

const source = sourceFromUrl("https://example.com/data/events.parquet");
</script>

<template>
  <Parqui :source="source" />
</template>

Key Props

• source: predefined parquet source (File, URL source, or custom ParquetSource)
• columns: limit visible columns
• allowOpen: enable/disable built-in file open flow
• showToolbar: show/hide toolbar with search and pipeline chips
• exporting: export menu (CSV / JSON / NDJSON) — on by default, false hides it, an object sets formats, filename and CSV/JSON options
• onExporting: receives each exported file ({ blob, filename, format }) instead of the browser download
• onMetadataLoad: callback when parquet metadata is available
• onRequestOpen: custom open handler for desktop/in-app file pickers

Package Ecosystem

• Core engine: @parqui/core
• React package: @parqui/react
• Angular wrapper: @parqui/angular

Links

• Website: parqui.dev

License

Business Source License 1.1 (BUSL-1.1). See LICENSE.