Generator hub
Generators for QR codes, colors, icons and page snippets
Create practical assets for design, publishing and development, from QR codes and color palettes to metadata, icons and image placeholders.
This hub is for outputs you choose and generate directly, rather than calculate by hand. Use it when you need a visual asset, page snippet or presentation-ready placeholder that fits a specific format.
Featured searches: qr code for a website link, css shadow generator for a card, favicon for a new site.
- qr code for a website link
- css shadow generator for a card
- favicon for a new site
- meta tags for a landing page
Featured searches
generators category
QR Code Generator
Create scannable QR codes from text, URLs, Wi‑Fi settings, and contact details.
generators category
Box Shadow Generator
Generate CSS box shadows with precise offsets, blur, spread, opacity, inset, and copy-ready code.
generators category
Favicon Generator
Turn one image into favicon files and app icon sizes in your browser, with no server upload.
generators category
Meta Tag Generator
Build HTML meta tags for page title, description, canonical URL, and Open Graph fields.
Popular tasks
Share a link in a scannable format
Use qr-code-generator when a URL, Wi-Fi detail or event text needs to work on screens, posters or handouts.
QR Code Generator
Tune visual styling before implementation
Use gradient-generator, box-shadow-generator or color-picker when you are shaping UI tokens, backgrounds or card depth.
CSS Gradient Generator
Prepare launch assets and page metadata
Use favicon-generator, meta-tag-generator and placeholder-image-generator when a page needs its icon, preview data or temporary visuals before publish.
Favicon Generator
How to choose a tool
When this hub helps
Interface design
Build color combinations, gradients, shadows and icons that can be reused in layouts and components.
Publishing setup
Create favicons, metadata and placeholder images that keep a page or campaign looking complete.
Product demos
Generate QR codes, sample images and clean visual details for presentations and reviews.
All tools
generators category
QR Code Generator
Create scannable QR codes from text, URLs, Wi‑Fi settings, and contact details.
generators category
CSS Gradient Generator
Build precise CSS gradients with live preview, angle control, and copy-ready code.
generators category
Icon Maker
Turn one image into app icons or square brand icons with size, padding, and background controls.
generators category
Box Shadow Generator
Generate CSS box shadows with precise offsets, blur, spread, opacity, inset, and copy-ready code.
generators category
Meta Tag Generator
Build HTML meta tags for page title, description, canonical URL, and Open Graph fields.
generators category
Favicon Generator
Turn one image into favicon files and app icon sizes in your browser, with no server upload.
generators category
Color Picker
Select a color and view its HEX, RGB and HSL values in one panel.
generators category
Placeholder Image Generator
Create placeholder images for wireframes, social cards, blog headers, and design systems.
generators category
Palette Generator
Create coordinated color sets from one base color for interfaces, branding, and concept work.
FAQ
When should I use a palette instead of a single color picker?
Use color-picker for a specific color sample, then palette-generator when you need a coordinated set of colors for a system or screen.
What is the best tool for a browser tab icon?
Use favicon-generator for site icons, and icon-maker when you need a custom symbol to adapt into app or brand assets.
How do I choose between placeholder images and real graphics?
Use placeholder-image-generator when you need a consistent layout stand-in during design, testing or content planning.