The Vibeary — collection
Community Finds
Gems submitted or spotted in the wild that do not fit a neat shelf yet. Odd tools, one-off experiments and things too good to leave out of the library while the taxonomy catches up.
Inside Community Finds
Gems in this collection

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

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.

Mizu.js
HTML templating library using custom attributes, running client-side or on Deno, Node and Bun with no build step.

OverType
Markdown WYSIWYG built as a transparent textarea layered over rendered output, avoiding contenteditable and heavy editor frameworks entirely.

Expressive Animator
Vector animation editor focused on SVG and Lottie output, exporting animated icons and logos to SVG, Lottie, GIF, MP4 and WebM.

Classic Console Neue
TrueType reconstruction of the 8x16 DOS VGA console font extended to 5,800 glyphs covering Latin, Cyrillic, Greek, Hebrew, Braille and Nerd Font icons.

ASCII Video Converter
Client-side tool converting uploaded video or webcam feed into coloured ASCII art with adjustable resolution, palette and character set.

Genuary
Annual January event issuing 31 daily generative art prompts, with an archive of past prompts and community submissions.

Performative-UI
Joke React component library of startup design tropes, packaging the visual language of oversubscribed funding rounds as installable components.

Sliderland
Creative coding playground where animations are driven entirely by 64 HTML range sliders and a single mathematical expression.

SpaceBadgers
SVG badge generation service with 900+ icons and multiple themes, served from a Rust core on Cloudflare Workers.

ASCII Drawing Board
Browser drawing surface where any Unicode character is the brush, with adjustable brush and canvas size and plain-text export.

Spark
3D Gaussian splatting renderer for Three.js supporting ply, sogs, spz, splat and ksplat formats and mixing splats with regular meshes.

Palette Inspiration
Searchable archive of roughly 23,000 colour palettes extracted from 3,000 painters' artworks, with a colour wheel and image analyser.

ambient.garden
Explorable algorithmic audio landscape where drifting through a 2D world triggers procedurally generated ambient music.

Durdraw
Terminal ASCII and ANSI art editor with frame animation, 256-colour and 16-colour modes, Unicode and CP437 support and custom themes.

Dark Patterns Detective
Interactive game that presents real interface screens and asks players to identify the manipulative design tactic being used.

Hyvector
Browser SVG editor built for speed with no account or install, aimed at precise path and shape editing.

Draw.Audio
Browser sequencer where notes are drawn onto a grid and played instantly, with waveform selection, filters, reverb, delay and modulation.

Player.style
Library of themable video and audio player skins built on Media Chrome web components, working with Video.js, YouTube embeds and any framework.

Fanfa
Turns static Mermaid.js diagrams into animated sequenced visualisations with themes and video export for architecture walkthroughs.

Layoutit Terra
Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas.

Pulsar
Micro creative-coding playground where you edit a short expression and switch between classic, hex and triangular tilings to make generative loops.

MoebiusXBIN
Desktop ASCII and text-mode art editor forked from Moebius, adding full XBIN support and custom bitmap font loading.

Svader
Svelte library for building components whose surface is rendered by a WebGL or WebGPU fragment shader, handling sizing and lifecycle.

TSDiagram
Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type.

React95
React component library reproducing the Windows 95 interface, including window chrome, tree views, dropdowns and system icons.

FlyonUI
Tailwind component library exposing semantic class names rather than utility soup, with 80+ components, blocks and a matching Figma file.

figma-use
CLI and JSX interface controlling Figma over the Chrome DevTools Protocol with 100+ read and write commands, no plugin install required.

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

Blot
Open source pen-plotter drawing machine paired with a browser editor where art is written as code and submitted to a gallery.

Stipple Effect
Pixel art editor with frame animation, layers and a built-in scripting language for automating repetitive game-art transforms.

PolyCSS
Renders OBJ, GLB and VOX polygon meshes as DOM elements using matrix3d transforms, with textures, lighting and React/Vue bindings.

cs16.css
CSS component library reproducing the Counter-Strike 1.6 interface: buttons, checkboxes, inputs, dialogs, tooltips and tabs.

glyphcss
Converts OBJ, glTF, GLB, STL and VOX models into ASCII art rendered as text inside one pre element, with React and Vue wrappers.

Godogen
Agent workflow that drives Claude Code or Codex to build Godot, Bevy and Babylon.js games, running the engine and iterating on screenshots.

Revideo
TypeScript framework for describing video scenes in code with shapes, text, media and animation, rendering deterministically to video files.

QRFrame
QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.

Slipshow
Presentation engine built on scrolling slips rather than fixed slides, compiling to a standalone offline HTML file with hand-drawn annotations.

css-extras
Collection of about 43 reusable CSS custom functions using the native @function rule, covering math, colour, typography, layout and animation.

Tailwind Corner Smoothing
Tailwind plugin replacing border-radius with Apple-style continuous curvature corners, exposed as utility classes.

Cascii
Dependency-free vanilla JavaScript builder for ASCII and Unicode diagrams with layers, grouping, selection and autosave, runnable from a single HTML file.

Ripl
TypeScript graphics library with one API that renders to Canvas, SVG, WebGPU or the terminal, plus 23 built-in chart types.

Playwright Skill
Claude Code skill that writes and runs Playwright automation on demand instead of exposing a fixed MCP tool surface.

Inscribed
Excalidraw-based tool for making stop-motion animations and slide decks from hand sketches, exporting GIF or an embeddable iframe.

ReverseUI
Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.

Formito Favicon Maker
Generator building SVG and PNG favicons from a letter or emoji with font, colour and background controls, emitting the head markup.

VectorNest
Browser SVG editor built around a plugin architecture, so editing tools and panels are added as independent modules.

Dropflow
Standalone CSS layout engine for Node and canvas handling inlines, floats, positioning and bidi text, rendering to PDF or images.

shadcn Themer
Theme builder and gallery for shadcn/ui using an OKLCH colour picker, Google Fonts selection and radius controls, exporting ready CSS variables.

CSS Grid Generator
Drag-and-drop builder for CSS grid layouts with adjustable columns, rows and gaps that exports the resulting grid rules.

Design System Hunt
Curated directory of roughly 147 public design systems with links to documentation, component libraries and source repositories.
Clay Safari
Claymation-style Three.js animal world with bilingual word cards, procedural audio, soft shadows and a robot tour guide.
SOUND TERRARIUM
Tiny living world where microphone bands raise the terrain while real-world time, weather and moon phase shape the sky — browser port of a Cardputer toy.
RACK-02
Single-file HTML techno machine — sequencer, synths and effects in one page, with renders you can reproduce and verify.
Tidepool
Artificial-life sandbox in a single HTML file: creatures with tiny neural nets evolve behaviour with no scripted rules.
Meow Generator
Procedural 3D kitten generator in Three.js with weather, lighting and music controls, GLB and PNG export.

Write.md
Open-source macOS Markdown editor built around appearance profiles — type, colour, glass, backgrounds — plus optional Vim keys and local spell checks.
Hypnagogic Quasicrystals
Browser playground for animated quasicrystal interference patterns with tunable tempo, density and palettes, custom shader rendering, and a WebXR mode.
Graphite
Open source vector graphics editor built on a node-based procedural graph, supporting non-destructive editing and animation in the browser.
Mermaid ASCII
Converts Mermaid diagram syntax into ASCII art output via web, CLI or curl, supporting subgraphs, labelled arrows and sequence diagrams.
Vecti
Browser UI design tool built by one designer around collaborative editing and fast rendering, with European data hosting.
Orbit
CSS framework for building circular interfaces from orbits, satellites, arcs and radial progress indicators without manual trigonometry.
Rawl
Visual music theory tool that colours MIDI by scale degree, making harmonic structure in pop and rock songs readable at a glance.
Neat
Roughly 3KB opinionated CSS framework designed for plain semantic HTML and long-term maintainability, inspired by minimalist web design.
Mitch Ivin Portfolio
Personal portfolio built as a working Windows XP desktop with draggable windows, a start menu and clickable applications.
Cobalt
Painting program for textural, expressive pixel art with an eight-colour constraint, running on Windows, Linux and the Nintendo DS.
Svelvet
Svelte component library for interactive node-and-edge graphs with zooming, panning, custom nodes and anchor-level control.
Typograms
Lightweight text image format that renders hand-positioned ASCII into clean SVG diagrams for technical documentation.
gg
Offline-first diagram editor for flowcharts, mind maps and system diagrams with automatic layout and local file storage.
Gradients
Generator producing the soft multi-stop mesh gradients popularised by AI product marketing sites, exportable as CSS.
Flitter
Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.
CSS Flexbox Playground
Interactive sandbox exposing every flex container and item property with live layout preview and copyable generated CSS.
CSS Logic Gates
Demonstration implementing AND, OR, NOT, XOR gates plus half adders, full adders and multiplexers using only the CSS if() function.
Glass3D
Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet.
magick.css
Single-file mostly classless CSS framework styled after LaTeX papers, tabletop RPG rulebooks and brutalist layout, with no JavaScript.
Justif
JavaScript library bringing Knuth-Plass line breaking, hyphenation, optical margin protrusion and microtypography to web text.
py5
Processing reimplemented for Python 3 with direct interoperability with NumPy, Matplotlib, Pillow and Jupyter notebooks.
Bento Slides
Presentation format that packs an entire deck, assets and styling into a single self-contained HTML file.
Sky as a CSS Gradient
Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.
Deal With It Generator
In-browser generator that face-detects an uploaded photo and animates sunglasses onto it, exporting a GIF without any upload.
Garden of Flowers
Archive of pictorial typography from the 1600s to 1900s: printers' flowers, ornamental borders, rule pictures and compositional type experiments.