The Vibeary — tag
tool
10 resources in The Vibeary tagged "tool" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Type Check
Free browser tool that grades a site's typography — sizes, line height, measure, contrast — and explains each fix.
Fontsy
Browser tool for creating and editing custom bitmap fonts for Bitsy games, exporting the font data directly.
svg-color-filter
Interactive explainer and playground for SVG feColorMatrix, showing how each matrix cell changes an image.
glitch-studio
Data-bending and glitch toolkit with sorting, channel shifting and byte corruption effects plus batch processing.
Dither (Shpigford)
Vector dithering tool that converts images into scalable dithered vector art for the web and Adobe Illustrator.
css-position-area-editor
Visual editor for previewing every CSS position-area value against an anchor, exporting the matching declaration.
svg-filter-editor
Node-based visual editor for composing SVG filter graphs, exporting the resulting filter markup.
Dither Me This
Browser tool for dithering images with Floyd-Steinberg, Atkinson, Bayer and other algorithms, with palette control and export.
Ceaser
Single-page cubic-bezier visualizer with named presets and live preview of the curve against a moving element.
View Timeline Ranges Visualizer
Interactive tool showing exactly what entry, exit, cover and contain ranges mean for scroll-driven view timelines.