---
title: "The Vibeary"
description: "The biggest public vibe-coding library — hand-curated tools, components, AI skills, shaders and inspiration, updated daily."
canonical: "https://vibing.inc/library"
site: "the Vibing Company"
---

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

[Back home](https://vibing.inc/) Trying to access this with your agent?

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

[Submit a project](https://vibing.inc/library/submit) Found your project? [Grab the “Featured in the Vibing Library” badge](https://vibing.inc/library/badge)

## Search the library

Search 

/ …

[### Haikei Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls. z creative labs GmbH free](https://vibing.inc/library/haikei-vg-1553)[### 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](https://vibing.inc/library/an-interactive-guide-to-css-grid-vg-1264)[### 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](https://vibing.inc/library/transition-style-vg-1447)[### Pattern Monster Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors. Naveen CS free](https://vibing.inc/library/pattern-monster-vg-0786)[### Quaternius Large sets of free low-poly 3D game assets - characters, vehicles, nature, dungeons - released as coherent themed packs. laulhet (@quaternius) free](https://vibing.inc/library/quaternius-vg-0993)[### UX Myths Collection debunking common UX misconceptions, each backed by cited research and expert articles rather than opinion. UX Myths free](https://vibing.inc/library/ux-myths-vg-0543)[### Protomaps Serves an entire planet-scale basemap as a single static PMTiles file read over HTTP range requests. Brandon Liu (@bdon) open-source](https://vibing.inc/library/protomaps-vg-0503)[### 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](https://vibing.inc/library/josh-comeau-gradient-generator-vg-0675)[### ggglitch Generates glitchy, displaced shape backgrounds with RGB-split and slice effects as SVG. fffuel free](https://vibing.inc/library/ggglitch-vg-0714)[### fffuel Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients. fffuel free](https://vibing.inc/library/fffuel-vg-0779)[### rrready Support chart for CSS and web platform features, showing what is safe to ship today. fffuel free](https://vibing.inc/library/rrready-vg-0809)[### ssscribble Generates background scribble textures as lightweight SVG line art, with controls for density, roughness and stroke weight. fffuel free](https://vibing.inc/library/ssscribble-vg-0811)[### 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](https://vibing.inc/library/super-snowflake-maker-vg-0348)[### WebGL Fundamentals Ground-up WebGL course that avoids frameworks and explains buffers, attributes, textures and 3D math from first principles. Gregg Tavares (@greggman) free](https://vibing.inc/library/webgl-fundamentals-vg-1208)[### Lenis Smooth-scroll runtime that virtualizes wheel input while keeping native scrollbars, anchors and accessibility behaviour intact. darkroom.engineering (@darkroomengineering) MIT](https://vibing.inc/library/lenis-vg-1497)[### GetAstroThemes Directory of 280+ Astro themes and templates with free and premium filters and live previews. GetAstroThemes free](https://vibing.inc/library/getastrothemes-vg-0240)[### Monzo Tone of Voice Bank's public tone-of-voice guide with concrete before-and-after rewrites for money, error and sensitive-situation messaging. Monzo free](https://vibing.inc/library/monzo-tone-of-voice-vg-0536)[### Stark Accessibility suite with Figma, Sketch and browser plugins covering contrast, focus order, alt text and vision simulation. Stark freemium](https://vibing.inc/library/stark-vg-0526)[### 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](https://vibing.inc/library/sprite-fusion-pixel-snapper-vg-0360)[### ClassroomIO No-code platform for building and running teaching platforms with courses, cohorts, assignments and video lessons. ClassroomIO (@classroomio) GPL](https://vibing.inc/library/classroomio-vg-0260)[### nnneon Generates futuristic glowing neon SVG shapes with layered blur and stroke controls. fffuel free](https://vibing.inc/library/nnneon-vg-0715)[### Superposition Desktop app that extracts colour, type and spacing tokens from any live website and exports to CSS, Figma or XD. Firstversionist free](https://vibing.inc/library/superposition-vg-0629)[### 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](https://vibing.inc/library/svg-to-css-shape-vg-0703)[### Daily Delights Feed of small delightful interface moments posted regularly, each isolated as a short clip. Félix Péault (@flayks) free](https://vibing.inc/library/daily-delights-vg-1632)[### loadmo.re Curated collection of loading screens, skeletons and waiting-state animations from shipped products. Kim Lê Boutin free](https://vibing.inc/library/loadmo-re-vg-1604)[### Marketing Examples Around 150 short teardowns of real marketing tactics across cold email, SEO, copywriting, landing pages, ads and referrals. Harry Dry (@harrydry) free](https://vibing.inc/library/marketing-examples-vg-1611)[### Future Fonts Marketplace selling typefaces while still in progress at reduced prices, with free upgrades as the family develops. Future Fonts paid](https://vibing.inc/library/future-fonts-vg-0827)[### Black Illustrations Free illustration packs specifically depicting Black people, created to fix representation gaps in stock illustration. John D. Saunders free](https://vibing.inc/library/black-illustrations-vg-0740)[### 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](https://vibing.inc/library/poly-haven-vg-0992)[### 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](https://vibing.inc/library/maskable-app-editor-vg-0784)[### The Gridcn Tron-inspired shadcn/ui theme shipping 55+ restyled components with glow, grid and neon treatments. Eduardo Calvo (@educalvolpz) MIT](https://vibing.inc/library/the-gridcn-vg-1978)[### Excalibur.js TypeScript-first 2D web game engine with actors, scenes, tilemaps, sound and a documented API aimed at web developers. Excalibur.js Project open-source](https://vibing.inc/library/excalibur-js-vg-1189)[### Shots Browser tool for wrapping screenshots in device frames, backgrounds and annotations for presentation. Unknown freemium](https://vibing.inc/library/shots-vg-1629)[### 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](https://vibing.inc/library/an-interactive-guide-to-flexbox-vg-1265)[### ssspill Generates spill and melting-drip SVG shapes for section dividers, overlays and playful page transitions between colour blocks. fffuel free](https://vibing.inc/library/ssspill-vg-0813)[### A11Y Project Checklist Community-maintained WCAG checklist grouped into eighteen practical categories with plain-language, testable success criteria. The A11Y Project Apache-2.0](https://vibing.inc/library/a11y-project-checklist-vg-0519)

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


---

Source: https://vibing.inc/library · Agent docs: https://vibing.inc/for-agents · MCP: https://vibing.inc/api/public/mcp