SquibView Examples
Interactive examples demonstrating SquibView's features and integration options
Getting Started - Autoload Examples (Recommended)
Simple Autoload
Zero configuration - libraries load from CDN automatically when needed
ESM
UMD
Custom Autoload Configuration
Fine-grained control: custom CDNs, loading strategies, selective libraries
ESM
UMD
Multiple Editors
NEW
Four editors on one page with different views - libraries load once and share
View
Manual Dependency Management
Bring Your Own Dependencies
Load all libraries manually for full control over versions and bundling
ESM
UMD
Standalone Build
Everything bundled (3.6MB) - works offline/airgapped
ESM
UMD
Lean Build
Minimal build (126KB) - bring your own libraries
ESM
UMD
CDN Loading
Load SquibView directly from unpkg CDN - no installation needed
ESM
UMD
Features & Integration
Data Tables
Render CSV, TSV, and PSV data as interactive tables
View
React Integration
React wrapper with state management and custom controls
View
Vue Integration
Vue wrapper with reactive state and component integration
View
Selection API
Get, replace, and manage text selections programmatically
View
Diff Viewer
Compare revisions with inline diff view
Inline
Live
Line Numbers
Source view with line numbers and wrapped line support
View
Themes
Light, dark, and high contrast themes
View
Headless Mode
Programmatic conversion without UI controls
View