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.
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

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

An Interactive Guide to CSS Grid
Illustrated walkthrough of grid with manipulable demos covering implicit tracks, alignment, subgrid and the fr unit.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

A11Y Project Checklist
Community-maintained WCAG checklist grouped into eighteen practical categories with plain-language, testable success criteria.
Browse by collection
Every gem sits on a shelf. Open a collection to see the full list with licences, authors and links.
- New this week
- Design Tools & Generators
- UI Components & Libraries
- Resource Directories & Inspiration
- Dev Utilities & Vibe-Coding Tooling
- Data Visualization & Charts
- Mobile & Cross-platform UI
- Design Systems & Foundations
- AI Skills, Agents & MCP
- Clonable Projects & Starters
- Figma, Assets & Media
- Games, Juice & Interactive
- Learning & Craft
- Motion & Animation
- Shaders, WebGL & Creative Coding
- Backgrounds, Effects & CSS Oddities
- Community Finds
Round-ups
Opinionated best-of lists for one specific job, with the criteria behind each pick.
- All round-ups
- Best free gradient generators
- Best SVG background generators
- Best colour palette tools and references
- Best typography tools for the web
- Best mockup and screenshot tools
- Best free icon sets
- Best shadcn/ui extensions and blocks
- Best form and input libraries
- Best web animation libraries
- Best scroll animation and scrollytelling tools
- Best React Native UI kits and animation libraries
- Best email and notification component libraries
- Best shader resources and learning material
- Best Three.js and WebGL resources
- Best CSS background and glass effects
- Best text animation and type effect tools
- Best creative coding frameworks
- Best charting libraries for the web
- Best diagram-as-code tools
- Best local-first and sync engines
- Best MCP servers for design and development
- Best AI agent skills and skill collections
- Best Figma plugins and tooling
- Best public design systems to learn from
- Best open-source SaaS boilerplates and starters
- Best web game engines
- Best public domain image and media archives
- Best CSS loaders and spinners
- Best free audio and sound effect libraries
- Best pixel art and dithering tools
- Best UX pattern libraries and inspiration galleries
- Best developer utilities for shipping faster