Tools to Launch a Website
The small utilities that speed up every ship — from favicons and OG images to SEO tags.
Shipping a website isn't the design work — that's done in Figma or Webflow. It's the fifty small chores after: generating a favicon in the four sizes browsers actually expect, building an OG image that renders on Twitter and LinkedIn, writing meta tags that don't look terrible in search results, testing your robots.txt, generating UTM links for campaigns, checking that your button colors actually pass contrast rules.
These are all one-off jobs that don't deserve a paid subscription. Every tool below is free, browser-based, and does exactly one thing.
Our pick
For favicons across every browser + iOS + PWA size, use our Favicon Generator.
Generates all four canonical sizes (32, 180, 192, 512) from text, emoji, or a gradient — no design tool needed. Runs locally.
Open Favicon GeneratorBranding basics
Color, contrast, favicon, gradient.
- Color ConverterPaste any color in hex, rgb(), rgba(), or hsl() and get it in every other format instantly. Includes a live swatch and a native color picker.
- Contrast CheckerTest any foreground/background color pair against WCAG 2.2 contrast rules. Shows the ratio, live preview, and pass/fail for normal text, large text, and UI components.
- CSS Gradient GeneratorDesign linear, radial, and conic CSS gradients with unlimited color stops. Live preview and copy the CSS. Share via URL.
- Favicon GeneratorGenerate favicons from any letter, emoji, or short text. Custom gradient backgrounds. Download every size you need (16, 32, 180, 512).
- CSS Color NamesBrowse all 147 CSS3 named colors. Look up a color name from a hex code, or find the closest named color to your custom hex.
- Color Harmony GeneratorGenerate a palette from any base color using 7 classic color-theory schemes: complementary, analogous, triadic, tetradic, split-complementary, square, and monochromatic.
Content & copy
Case, slugs, word counts, placeholder text.
- Case ConverterConvert text between 12 cases: lower, UPPER, Title, Sentence, camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, dot.case, path/case, and aLtErNaTiNg. Runs entirely in your browser.
- SlugifyConvert titles into clean URL slugs. Handles Unicode, strips diacritics, and lets you pick your separator. Runs in your browser.
- Word CounterInstantly count words, characters, sentences, paragraphs, lines, and reading time. Everything happens in your browser — nothing is uploaded.
- Lorem Ipsum GeneratorGenerate placeholder text in classic Lorem Ipsum or six themed flavors: hipster, pirate, corporate buzzword, cyberpunk, and cat. Adjust paragraph and sentence count.
- Text DiffCompare two blocks of text line by line and see exactly what changed. Runs entirely in your browser using a longest-common-subsequence algorithm.
SEO & sharing
Meta tags, robots, UTM, QR — the layer between your site and Google.
- Meta Tag GeneratorGenerate SEO, Open Graph, and Twitter Card meta tags from your title, description, URL, and image. Includes a live Google SERP preview.
- robots.txt TesterPaste your robots.txt and any URL to see whether Googlebot, Bingbot, GPTBot, or any user-agent is allowed to crawl it. Implements the Google longest-match rule.
- UTM URL BuilderBuild UTM-tagged campaign URLs for Google Analytics, Adobe Analytics, and other tools. Presets for newsletter, social, and paid search. Validates required params.
- QR Code GeneratorGenerate QR codes for URLs, text, WiFi credentials, and more. Customize colors and error correction. Download as PNG or SVG. Runs in your browser.
- URL ParserBreak any URL into its protocol, host, port, path, query parameters, and hash. Uses the browser's native URL parser for spec accuracy.
- User-Agent ParserParse any User-Agent string to identify the browser, engine, OS, and device. Auto-detects your own UA. Runs entirely in your browser.
Under the hood
Format the data, hash the file, encode the token.
- JSON FormatterFormat, validate, and minify JSON in your browser. See parse errors with line/column. Optional key sorting. Nothing is uploaded.
- SQL FormatterFormat and beautify SQL for 10 dialects including PostgreSQL, MySQL, SQLite, BigQuery, Snowflake, and T-SQL. Uppercase keywords, custom indent.
- HTML Beautifier & MinifierBeautify minified HTML with proper indentation, or minify pretty HTML for production. Preserves script, style, and pre blocks. Runs in your browser.
- CSS Beautifier & MinifierBeautify minified CSS with proper indentation, or minify pretty CSS to a single line. Preserves comments. Runs in your browser.
- Base64 Encode / DecodeEncode or decode Base64 text. UTF-8 safe by default. Optional URL-safe variant. Runs entirely in your browser — nothing is uploaded.
- Hash GeneratorInstantly compute MD5 and SHA-family hashes of any text. All hashing happens in your browser — nothing is uploaded, nothing logged.
- UUID GeneratorGenerate cryptographically-strong UUIDs in bulk. Supports v4 (random), v7 (time-ordered), and the nil UUID. Formatting options included.
Or reach for a broader tool
Third-party products that fit this use case. Our built-in tools cover the small technical jobs; these cover the bigger workflows around them. External links, hand-picked, not sponsored.
| Tool | Pricing | Best for | Tier |
|---|---|---|---|
| Canva Design tool with thousands of wedding + invitation templates. | Free tier · Pro from $12.99/mo | Anyone who wants professionally-designed printed materials without hiring a designer. | Freemium |
| Webflow Visual website builder that outputs production-quality code. | Free to build · Site plans from $14/mo · CMS from $23/mo | Designers building marketing sites who want visual control without writing CSS. | Freemium |
| Framer Design and publish a marketing site from one canvas. | Free tier (Framer subdomain) · Custom domain from $10/mo | Solo founders and designers who want a landing page live in an afternoon. | Freemium |
| Vercel Frontend cloud for hosting Next.js, React, and static sites. | Free hobby tier · Pro from $20/mo per member | Developers deploying React, Next.js, or static-site projects who want zero-config hosting. | Freemium |
| Notion Docs, wiki, database, and lightweight site builder in one. | Free personal tier · Plus from $12/mo per user | Anyone who wants a shared team brain without setting up an intranet. | Freemium |
| Stripe Developer-first payments infrastructure. | 2.9% + $0.30 per successful US card transaction | Anyone building a product that needs to charge customers, from a $5 template sale to a SaaS. | Paid |
| Figma Collaborative design tool that runs in the browser. | Free for 3 files · Pro from $15/mo per editor | Design teams working together on interfaces; also solo designers who want free tooling. | Freemium |
| Coolors Fast palette generator + gradient + contrast tools. | Free · Pro from $8/mo | Designers who want quick palette exploration when starting a new brand or landing page. | Freemium |
| Excalidraw Free browser-based whiteboard and diagram tool with a hand-drawn aesthetic. | Free · Plus from $7/mo for team features | Quick wireframes and technical diagrams that don't need to look polished — faster than Figma for rough sketches. | Free |
- CanvaFreemiumDesign tool with thousands of wedding + invitation templates.
- Drag-and-drop editor with wedding invitation, menu, program templates
- Print + ship save-the-dates, invitations, thank-you cards
- Free tier has enough for most weddings; Pro adds premium templates + brand kit
Best for: Anyone who wants professionally-designed printed materials without hiring a designer.Free tier · Pro from $12.99/moVisit Canva - WebflowFreemiumVisual website builder that outputs production-quality code.
- Visual designer with real CSS output — no Squarespace-style lock-in
- CMS collections for blog, portfolio, product pages
- E-commerce on higher tiers
Best for: Designers building marketing sites who want visual control without writing CSS.Free to build · Site plans from $14/mo · CMS from $23/moVisit Webflow - FramerFreemiumDesign and publish a marketing site from one canvas.
- Figma-like design tool that publishes directly to the web
- Component library + real interactions (not just static images)
- Fast — sites are optimized on publish
Best for: Solo founders and designers who want a landing page live in an afternoon.Free tier (Framer subdomain) · Custom domain from $10/moVisit Framer - VercelFreemiumFrontend cloud for hosting Next.js, React, and static sites.
- Deploy on Git push (GitHub, GitLab, Bitbucket)
- Global CDN + preview URLs per pull request
- Serverless functions on the edge
Best for: Developers deploying React, Next.js, or static-site projects who want zero-config hosting.Free hobby tier · Pro from $20/mo per memberVisit Vercel - NotionFreemiumDocs, wiki, database, and lightweight site builder in one.
- Free-form pages that double as databases with sortable views
- Publish any page as a public website (Notion subdomain)
- Team wikis, project trackers, meeting notes
Best for: Anyone who wants a shared team brain without setting up an intranet.Free personal tier · Plus from $12/mo per userVisit Notion - StripePaidDeveloper-first payments infrastructure.
- Accept cards, wallets, bank transfers in 40+ countries
- Subscriptions, invoicing, connected accounts (marketplaces)
- No monthly fee — pay per transaction only
Best for: Anyone building a product that needs to charge customers, from a $5 template sale to a SaaS.2.9% + $0.30 per successful US card transactionVisit Stripe - FigmaFreemiumCollaborative design tool that runs in the browser.
- Real-time multiplayer design (like Google Docs for interfaces)
- Design system + component library support
- Figma AI for design generation (paid tiers)
Best for: Design teams working together on interfaces; also solo designers who want free tooling.Free for 3 files · Pro from $15/mo per editorVisit Figma - CoolorsFreemiumFast palette generator + gradient + contrast tools.
- Generate palettes with a spacebar tap
- Extract palettes from images
- Gradient + contrast tools
Best for: Designers who want quick palette exploration when starting a new brand or landing page.Free · Pro from $8/moVisit Coolors - ExcalidrawFreeFree browser-based whiteboard and diagram tool with a hand-drawn aesthetic.
- Hand-drawn-style wireframes, flowcharts, and diagrams — zero setup
- Real-time collaboration with a shareable link (no account)
- Export to SVG and PNG
Best for: Quick wireframes and technical diagrams that don't need to look polished — faster than Figma for rough sketches.Free · Plus from $7/mo for team featuresVisit Excalidraw