Free Web Design Tools
Practical utilities built for designers and developers working with the Canvas HTML template system. No login required.
Meta Tag Generator
Generate HTML meta tags, Open Graph, and Twitter Card tags instantly.
Bootstrap 5 Cheat Sheet
Searchable quick reference for all Bootstrap 5 utility classes.
CSS Gradient Generator
Build beautiful linear and radial gradients with a live preview.
Color Palette Generator
Generate 5-colour palettes from any hex colour. Get complementary, analogous, triadic, and shade variations with CSS export.
Contrast Checker
Check foreground/background contrast ratios against WCAG AA and AAA.
Font Pairing Tool
Explore 12 curated heading and body font pairings with live previews.
Website Cost Estimator
Estimate your website build cost with a quick 4-step questionnaire.
Open Graph Preview
Preview how any URL looks when shared on Facebook, Twitter, and LinkedIn.
Favicon Generator
Upload an image and generate all favicon sizes as downloadable PNGs.
Landing Page Planner
AI-powered section planner that maps out your ideal landing page structure.
Canvas Template Finder
Answer 4 questions and get AI-recommended Canvas HTML template demos.
AI Prompt Helper
Turn a rough idea into a detailed Canvas Builder generation prompt.
Bootstrap to Tailwind Converter
Paste Bootstrap 5 HTML and get back Tailwind CSS equivalent code instantly.
CSS Box Shadow Generator
Create perfect box shadows with live preview. Adjust offset, blur, spread and colour — copy CSS instantly.
CSS Border Radius Generator
Generate border-radius values visually. Set individual corners or uniform radius — copy CSS in one click.
px to rem Converter
Convert between px and rem instantly. Two-way converter with bulk mode and Bootstrap 5 reference table.
CSS Flexbox Generator
Build flexbox layouts visually. Set direction, wrap, justify and align — see results live, copy CSS.
Bootstrap 5 Grid Calculator
Calculate Bootstrap column widths, breakpoints and gutters. Build grid layouts and copy the HTML markup.
Form Builder
Build Bootstrap 5 forms instantly. Choose inputs, selects, checkboxes, and more — copy clean HTML code.
Modal Generator
Create Bootstrap 5 modal dialogs. Configure title, size, and behaviour — copy the HTML into your project.
Thumbnail Generator
Create social media thumbnails and Open Graph images. Set dimensions, background, and text overlays.
CSS Burger Menu Generator
Generate CSS hamburger menu icons with 5 animation styles. Live preview, adjustable size and colour — copy-ready CSS.
CSS Text Shadow Generator
Generate CSS text-shadow values with layered shadow support. Adjust offset, blur, colour and opacity — copy CSS instantly.
HTML Email Template Generator
Free tools for web designers. Meta tag generator, CSS gradient builder, favicon generator, OG preview, Bootstrap grid calculator and more.
Image Alt Text Generator
Generate descriptive, SEO-friendly alt text for images. Improve accessibility and search visibility with AI-assisted suggestions.
Pricing Table Generator
Build Bootstrap 5 pricing tables with tiers, features, and CTAs. Customise colours, labels, and plans — copy the HTML instantly.
Long-Tail Keyword Generator
Generate long-tail keyword variations for any topic. Get 20+ specific, low-competition keywords with search intent classification.
LSI Keyword Generator
Generate LSI (Latent Semantic Indexing) keywords. Find semantically related terms to strengthen your content and improve rankings.
Search Intent Classifier
Classify keywords by search intent: informational, navigational, commercial, or transactional. Paste up to 50 keywords.
Keyword Cluster Generator
Group keywords into semantic topic clusters for content planning. Get organised clusters with pillar page suggestions.
Meta Description Generator
Generate compelling meta descriptions under 155 characters. Get 5 variations with click-through rate optimisation.
FAQ Generator
Generate SEO-optimised FAQ questions and answers with JSON-LD FAQPage schema markup ready to copy.
Content Topic Generator
Generate 10+ unique content topic ideas for any niche. Get titles, target keywords, and difficulty ratings.
Page Title Generator
Generate 10 SEO-optimised title tag variations under 60 characters with keyword placement and hook analysis.
Schema Markup Generator
Generate valid JSON-LD structured data for FAQ, Article, Product, and more schema types.
Content Outline Generator
Generate a complete H1/H2/H3 content outline with talking points and word count estimates.
Content Brief Generator
Create a full SEO content brief with outline, intent, tone guidelines, and internal link suggestions.
CTA Generator
Generate 10 high-converting call-to-action variations for buttons, emails, and landing pages.
Hreflang Tag Generator
Generate hreflang HTML and sitemap tags for international SEO across multiple languages.
Robots.txt Generator
Build a valid robots.txt with allow/disallow rules, crawl-delay, and AI crawler blocks.
GSC RegEx Generator
Generate RE2 regex patterns for Google Search Console query and URL filters.
Content Rephraser
Rephrase any content to improve clarity, change tone, or reduce repetition instantly.
Grammar Checker
Check grammar, punctuation, and style issues with specific corrections and explanations.
Featured Snippet Optimiser
Generate NLP-optimised paragraph, list, and table answers to win Google featured snippets.
YouTube Description Generator
Write SEO-optimised YouTube descriptions with timestamps, hashtags, and CTAs.
Pinterest Description Generator
Generate keyword-rich Pinterest pin descriptions that rank in search and drive clicks.
HARO Response Generator
Write compelling HARO pitches that journalists use to earn high-authority backlinks.
Outreach Email Generator
Write personalised link building outreach emails that get replies and earn backlinks.
.htaccess Redirect Generator
Generate Apache 301/302 redirect rules, force HTTPS, and wildcard rewrites instantly.
Alt Text Generator
Generate descriptive, SEO-optimised alt text for images by URL or description.
Bootstrap Badge Generator
Free online bootstrap badge generator tool — no signup required.
Bootstrap Breakpoint Tester
Free online bootstrap breakpoint tester tool — no signup required.
Bootstrap Card Generator
Free online bootstrap card generator tool — no signup required.
Button Generator
Free online button generator tool — no signup required.
Color Contrast Ratio
Free online color contrast ratio tool — no signup required.
Color Name Finder
Free online color name finder tool — no signup required.
Css Specificity Calculator
Free online css specificity calculator tool — no signup required.
Css Transition Generator
Free online css transition generator tool — no signup required.
Css Variables Generator
Free online css variables generator tool — no signup required.
Json Ld Schema Generator
Free online json ld schema generator tool — no signup required.
Landing Page Analyzer
Free online landing page analyzer tool — no signup required.
Sitemap Generator
Free online sitemap generator tool — no signup required.
Viewport Meta Generator
Free online viewport meta generator tool — no signup required.
Ready to build a full HTML layout?
Canvas Builder generates production-ready HTML pages using the Canvas template system in seconds.
Try Canvas Builder