This catalogue is machine-readable and free to query. Search API: https://vibing.inc/api/public/library/search?q=<text>. One gem: https://vibing.inc/api/public/library/gems/<slug>. MCP server: https://vibing.inc/api/public/mcp. Copy-paste prompt: https://vibing.inc/library/prompt.txt.

Back home

The Vibing Library

Our ever growing library with the best and newest tools, curated by the Vibing Co.'s staff daily through Reddit, X and Discord.

Search the library

Preview of Haikei

Haikei

Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.

z creative labs GmbHfree
Preview of An Interactive Guide to CSS Grid

An Interactive Guide to CSS Grid

Illustrated walkthrough of grid with manipulable demos covering implicit tracks, alignment, subgrid and the fr unit.

Josh W. Comeau (@joshwcomeau)free
Preview of transition.style

transition.style

46 drop-in enter/exit transitions applied by an HTML attribute, covering wipes, circles, polygons and squares with custom-property theming.

Adam Argyle (@argyleink)Apache-2.0
Preview of Pattern Monster

Pattern Monster

Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.

Naveen CSfree
Preview of Quaternius

Quaternius

Large sets of free low-poly 3D game assets - characters, vehicles, nature, dungeons - released as coherent themed packs.

laulhet (@quaternius)free
Preview of UX Myths

UX Myths

Collection debunking common UX misconceptions, each backed by cited research and expert articles rather than opinion.

UX Mythsfree
Preview of Protomaps

Protomaps

Serves an entire planet-scale basemap as a single static PMTiles file read over HTTP range requests.

Brandon Liu (@bdon)open-source
Preview of Josh Comeau Gradient Generator

Josh Comeau Gradient Generator

Generates smooth CSS gradients with selectable interpolation colour space (LRGB, HSL, HCL, LAB), easing curve and stop precision.

Josh W. Comeau (@joshwcomeau)free
Preview of ggglitch

ggglitch

Generates glitchy, displaced shape backgrounds with RGB-split and slice effects as SVG.

fffuelfree
Preview of fffuel

fffuel

Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients.

fffuelfree
Preview of rrready

rrready

Support chart for CSS and web platform features, showing what is safe to ship today.

fffuelfree
Preview of ssscribble

ssscribble

Generates background scribble textures as lightweight SVG line art, with controls for density, roughness and stroke weight.

fffuelfree
Preview of Super Snowflake Maker

Super Snowflake Maker

Symmetry-based editor where folding and cutting operations generate paper snowflake designs, exporting SVG or a print-and-cut PDF.

Shalanah Dawson (@shalanah)free
Preview of WebGL Fundamentals

WebGL Fundamentals

Ground-up WebGL course that avoids frameworks and explains buffers, attributes, textures and 3D math from first principles.

Gregg Tavares (@greggman)free
Preview of Lenis

Lenis

Smooth-scroll runtime that virtualizes wheel input while keeping native scrollbars, anchors and accessibility behaviour intact.

darkroom.engineering (@darkroomengineering)MIT
Preview of GetAstroThemes

GetAstroThemes

Directory of 280+ Astro themes and templates with free and premium filters and live previews.

GetAstroThemesfree
Preview of Monzo Tone of Voice

Monzo Tone of Voice

Bank's public tone-of-voice guide with concrete before-and-after rewrites for money, error and sensitive-situation messaging.

Monzofree
Preview of Stark

Stark

Accessibility suite with Figma, Sketch and browser plugins covering contrast, focus order, alt text and vision simulation.

Starkfreemium
Preview of Sprite Fusion Pixel Snapper

Sprite Fusion Pixel Snapper

Tool that snaps AI-generated pixel art back onto a true pixel grid, fixing inconsistent cell sizes, available online and as a desktop app.

Hugo Duprez (@Hugo-Dz)MIT
Preview of ClassroomIO

ClassroomIO

No-code platform for building and running teaching platforms with courses, cohorts, assignments and video lessons.

ClassroomIO (@classroomio)GPL
Preview of nnneon

nnneon

Generates futuristic glowing neon SVG shapes with layered blur and stroke controls.

fffuelfree
Preview of Superposition

Superposition

Desktop app that extracts colour, type and spacing tokens from any live website and exports to CSS, Figma or XD.

Firstversionistfree
Preview of SVG to CSS Shape

SVG to CSS Shape

Converts an SVG path into an equivalent CSS clip-path or mask so shapes stay resolution-independent.

Temani Afif (@ChallengesCss)free
Preview of Daily Delights

Daily Delights

Feed of small delightful interface moments posted regularly, each isolated as a short clip.

Félix Péault (@flayks)free
Preview of loadmo.re

loadmo.re

Curated collection of loading screens, skeletons and waiting-state animations from shipped products.

Kim Lê Boutinfree
Preview of Marketing Examples

Marketing Examples

Around 150 short teardowns of real marketing tactics across cold email, SEO, copywriting, landing pages, ads and referrals.

Harry Dry (@harrydry)free
Preview of Future Fonts

Future Fonts

Marketplace selling typefaces while still in progress at reduced prices, with free upgrades as the family develops.

Future Fontspaid
Preview of Black Illustrations

Black Illustrations

Free illustration packs specifically depicting Black people, created to fix representation gaps in stock illustration.

John D. Saundersfree
Preview of Poly Haven

Poly Haven

CC0 library of 16K unclipped HDRIs, 8K photoscanned PBR textures and production-quality 3D models, no account required.

Poly Haven (Greg Zaal, Rob Tuytel)free
Preview of Maskable.app Editor

Maskable.app Editor

Editor for PWA maskable icons showing live previews across Android icon mask shapes with safe-zone guides.

Tiger Oakes (@Not_Woods)Apache-2.0
Preview of The Gridcn

The Gridcn

Tron-inspired shadcn/ui theme shipping 55+ restyled components with glow, grid and neon treatments.

Eduardo Calvo (@educalvolpz)MIT
Preview of Excalibur.js

Excalibur.js

TypeScript-first 2D web game engine with actors, scenes, tilemaps, sound and a documented API aimed at web developers.

Excalibur.js Projectopen-source
Preview of Shots

Shots

Browser tool for wrapping screenshots in device frames, backgrounds and annotations for presentation.

Unknownfreemium
Preview of An Interactive Guide to Flexbox

An Interactive Guide to Flexbox

Long-form tutorial with live editable demos explaining flexbox's algorithm, hypothetical sizes, and why flex-basis differs from width.

Josh W. Comeau (@joshwcomeau)free
Preview of ssspill

ssspill

Generates spill and melting-drip SVG shapes for section dividers, overlays and playful page transitions between colour blocks.

fffuelfree
Preview of A11Y Project Checklist

A11Y Project Checklist

Community-maintained WCAG checklist grouped into eighteen practical categories with plain-language, testable success criteria.

The A11Y ProjectApache-2.0

Round-ups

Opinionated best-of lists for one specific job, with the criteria behind each pick.