The Vibeary — tag
performance
37 resources in The Vibeary tagged "performance" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

CSS Triggers
Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.

60fps.design
Gallery of web experiences curated specifically for high-performance, smooth motion rather than static beauty.

Compressor.io
Browser image compressor handling JPEG, PNG, SVG, GIF and WebP with lossy or lossless modes, resizing and EXIF stripping.

e18e
Community initiative and site cataloguing bloated npm packages, modern replacements, and cleanup guides for shrinking JavaScript dependency trees.

Snabbt.js
Minimalist animation library that only touches CSS matrix transforms and opacity, keeping every animation on the compositor thread.

Fontsource
Self-hostable npm packages for open-source fonts, including variable and subset builds, so you avoid third-party font CDNs.

detect-gpu
Classifies a visitor's GPU from a benchmark database so you can pick shader quality tiers before rendering anything.

fontaine
Build plugin that generates metric-matched local fallback fonts automatically, eliminating layout shift while a webfont loads.

bitECS
Minimal data-oriented entity component system for TypeScript using typed arrays and SoA storage for cache-friendly iteration.

react-native-skottie
Renders Lottie animations through Skia's Skottie module instead of the platform Lottie runtimes.

SpinKit
Set of CSS-only loading indicators using transforms and opacity, designed to stay smooth on low-power devices.

react-native-turbo-haptics
Fast worklet-compatible haptic feedback module for React Native from the Rainbow wallet team.

Legend List
Pure-TypeScript high-performance list for React Native and React with dynamic item sizes and bidirectional infinite scroll.

Modern Font Stacks
Fifteen curated CSS font-family stacks using only system-installed typefaces, with per-stack Unicode coverage tables and live previews.

d3-force-sampled
Drop-in replacement for d3-force using random vertex sampling for linear-time layouts on large graphs.

react-native-unistyles
Styling engine for React Native that computes styles in C++ on the shadow tree, with variants, breakpoints and themes.

Jampack
Post-processing optimiser for static sites that rewrites images responsively, inlines critical CSS, prefetches links and compresses assets.

Crossfilter
Library for fast multidimensional filtering of large datasets in the browser, powering coordinated linked views.

FlashList
Recycling list component for React Native rebuilt for the new architecture, with masonry layout and no size estimates.

uPlot
Canvas time-series chart library in ~50KB that renders 150k+ points in milliseconds with near-zero CPU on streaming data.

Diamond Types
Rust CRDT implementation for collaborative plain-text editing optimised for extremely fast merging of long editing histories.

json-joy
High-performance JSON CRDT, JSON Patch, JSON Pointer and binary codec toolkit for building collaborative document infrastructure.

framework-tracker
Continuously benchmarks popular web frameworks on bundle size and runtime metrics and publishes the comparison as an open dataset.

ChartGPU
WebGPU-rendered charting library aimed at datasets large enough to stall canvas and SVG renderers.

module-replacements
Community-maintained database mapping outdated or oversized npm packages to leaner, actively maintained modern equivalents with migration notes.

typia
Transformer that compiles TypeScript types into optimised runtime validators, serializers and random generators with no schema declaration.

playwright-timeline-reporter
Reporter that draws every Playwright test and worker on an interactive timeline, exposing serialisation and slow-setup bottlenecks.

three-mesh-bvh
Bounding volume hierarchy for Three.js geometry that makes raycasting, collision checks and clipping orders of magnitude faster.

MicroLighter
Zero-dependency syntax highlighter using the CSS Custom Highlight API instead of span wrapping; ~2KB gzipped, 30+ languages, 10 themes.

React Scan
Overlay that highlights which React components re-render and how expensive each render is, with no code changes or babel plugin.

advanced-threejs-tsl-webgpu-rendering
Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.

Unlighthouse
Crawls an entire site, runs Lighthouse on every discovered route in parallel and serves one searchable dashboard of the results.
jakearchibald.com
Deep browser-internals blog covering rendering, animation, service workers, image decoding and CSS behaviour, with live demos throughout.

react-native-animateable-text
Fork of the Text component that accepts Reanimated shared values so text content updates without JS thread re-renders.

expo-pretext
Measures React Native text heights natively before render so layouts can be computed without a measure pass.

pixi-tilemap
Rectangular tilemap renderer for PixiJS that batches thousands of tiles into few draw calls for large scrolling levels.
Font Style Matcher
Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load.