Free Web Dev Tools I Use Daily: Gradient Generator, Meta Tags, Favicon, Placeholders

#webdev #css #tools #productivity

Built these for myself, now sharing them. All free, no signup.

CSS Gradient Generator — Pick colors, adjust angle, copy the CSS. Includes 8 preset palettes.
devtools-site-delta.vercel.app/gradient

Meta Tag Generator — Fill in title, description, URL, and image. Get Open Graph + Twitter Card meta tags.
devtools-site-delta.vercel.app/meta-tags

Favicon Generator — Type 1-2 letters, pick colors, download a 64x64 PNG favicon.
devtools-site-delta.vercel.app/favicon

Placeholder Image API — SVG placeholder images via URL. Use in img tags, CSS, Markdown.

<img src="https://devtools-site-delta.vercel.app/api/placeholder?w=800&h=400&bg=1a1a2e&fg=6c5ce7&text=Hero" />

Part of a larger site with 69 tools: devtools-site-delta.vercel.app

DEV Community