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

Preview of CSS Triggers

CSS Triggers

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

GoogleChromeLabsfree
Preview of 60fps.design

60fps.design

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

Unknownfree
Preview of Compressor.io

Compressor.io

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

Compressor.iofreemium
Preview of e18e

e18e

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

e18e communityopen-source
Preview of Snabbt.js

Snabbt.js

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

Daniel Lundin (@daniel-lundin)MIT
Preview of Fontsource

Fontsource

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

FontsourceMIT
Preview of detect-gpu

detect-gpu

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

Poimandres (@pmndrs)MIT
Preview of fontaine

fontaine

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

UnJS / Daniel Roe (@danielroe)MIT
Preview of bitECS

bitECS

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

Nathaniel Martin (@NateTheGreatt)open-source
Preview of react-native-skottie

react-native-skottie

Renders Lottie animations through Skia's Skottie module instead of the platform Lottie runtimes.

Margelo (@margelo)MIT
Preview of SpinKit

SpinKit

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

Tobias Ahlin (@tobiasahlin)MIT
Preview of react-native-turbo-haptics

react-native-turbo-haptics

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

Christian Baroni (@christianbaroni)MIT
Preview of Legend List

Legend List

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

Legend App / Jay Meistrich (@jmeistrich)MIT
Preview of Modern Font Stacks

Modern Font Stacks

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

Dan Klammer (@danklammer)free
Preview of d3-force-sampled

d3-force-sampled

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

Two Six Labs (@twosixlabs)open-source
Preview of react-native-unistyles

react-native-unistyles

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

Jacek Pudysz (@jpudysz)MIT
Preview of Jampack

Jampack

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

divRIOTSMIT
Preview of Crossfilter

Crossfilter

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

Crossfilter maintainers (@crossfilter)Apache-2.0
Preview of FlashList

FlashList

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

Shopify (@Shopify)MIT
Preview of uPlot

uPlot

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

Leon Sorokin (@leeoniya)MIT
Preview of Diamond Types

Diamond Types

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

Joseph Gentle (@josephg)open-source
Preview of json-joy

json-joy

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

Vadim Dalecky (@streamich)Apache-2.0
Preview of framework-tracker

framework-tracker

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

e18e communityMIT
Preview of ChartGPU

ChartGPU

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

ChartGPU (@ChartGPU)open-source
Preview of module-replacements

module-replacements

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

e18e communityMIT
Preview of typia

typia

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

Jeongho Nam (@samchon)MIT
Preview of playwright-timeline-reporter

playwright-timeline-reporter

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

Vitaliy Potapov (@vitalets)MIT
Preview of three-mesh-bvh

three-mesh-bvh

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

Garrett Johnson (@gkjohnson)MIT
Preview of MicroLighter

MicroLighter

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

Dave Rupert (@davatron5000)MIT
Preview of React Scan

React Scan

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

Aiden Bai (@aidenybai)MIT
Preview of advanced-threejs-tsl-webgpu-rendering

advanced-threejs-tsl-webgpu-rendering

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

David Ronai / Makio64 (@Makio64)MIT
Preview of Unlighthouse

Unlighthouse

Crawls an entire site, runs Lighthouse on every discovered route in parallel and serves one searchable dashboard of the results.

Harlan Wilton (@harlan-zw)MIT
Preview of jakearchibald.com

jakearchibald.com

Deep browser-internals blog covering rendering, animation, service workers, image decoding and CSS behaviour, with live demos throughout.

Jake Archibald (@jaffathecake)free
Preview of react-native-animateable-text

react-native-animateable-text

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

Axelra (@axelra-ag)MIT
Preview of expo-pretext

expo-pretext

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

Juba Kitiashvili (@JubaKitiashvili)MIT
Preview of pixi-tilemap

pixi-tilemap

Rectangular tilemap renderer for PixiJS that batches thousands of tiles into few draw calls for large scrolling levels.

PixiJS userlandMIT
Preview of Font Style Matcher

Font Style Matcher

Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load.

Monica Dinculescu (@notwaldorf)free