Snippet Vault

!!read-only!!

placeholder?

categories

each container shows examples, and the number of items in each category

add new snippet

title

category

adding new category makes it immediately available

preview window height (px)

preview alignment

where the snippet sits inside the preview frame — put it at a corner so dropdowns and hover effects have room to expand, or pick Fill Frame to stretch it edge to edge

preview overflow

use Clip for dropdowns, tooltips and hover effects; use Scroll for scrollbar snippets, where the scrolling is the point

HTML

CSS

JS (optional)

Backup / Export

All snippets and categories are saved to the server database automatically as you edit — nothing is stored only in your browser. This button copies a snapshot of the current database (as a config block) to your clipboard, handy for keeping an offline backup or seeding another install.

BUILDER drag to move

Choose a snippet for each slot, or hit ADD TO BUILDER on any card to pull it in. Empty slots are skipped. Colors are normalized to the vault palette on the generated page.

Sample text

open your generated page →

login

unlocks editing, adding, moving, and deleting

user

password

about

this is a collection of HTML/CSS/JS effects and elements that I'm working on if the HTML/CSS/JS code bothers you, sorry.

I used this tool to compress the code, and it eliminated tons of characters https://www.textfixer.com/html/compress-html-compression.php

built and maintained @ doesthislookinfected.com/snippets

Report a Bug

Jot down what went wrong. Reports are saved as text on the server (newest five are kept). The current view is attached automatically.

What happened?