Installation

VistaView is a lightweight image lightbox library that can be installed via npm or used directly from a CDN.

Package Manager Installation

npm

npm install vistaview

yarn

yarn add vistaview

pnpm

pnpm add vistaview

bun

bun add vistaview

CDN Installation

For quick prototyping or non-bundler environments, use the UMD build via CDN:

unpkg

<link rel="stylesheet" href="https://unpkg.com/vistaview/dist/style.css" />
<script src="https://unpkg.com/vistaview/dist/vistaview.umd.js"></script>

jsDelivr

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vistaview/dist/style.css" />
<script src="https://cdn.jsdelivr.net/npm/vistaview/dist/vistaview.umd.js"></script>

Bundle Sizes

VistaView is lightweight and optimized for production:

• Core Library: ~42KB ESM (~10KB gzip)
• CSS: ~7KB (~1.7KB gzip)
• Total: ~49KB (~11.7KB gzip)

Browser Support

VistaView works in all modern browsers:

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Framework Integrations

VistaView provides official bindings for popular frameworks:

• React - Component and hook
• Vue 3 - Component and composable
• Svelte - Hook
• Solid - Hook
• Vanilla JS - Direct API

See the Integration guides for framework-specific instructions.

Next Steps

• Follow an Integration guide for your framework
• Explore configuration options
• Learn about extensions