Free Tools
Practical utilities built for designers and developers working with the Canvas HTML template system. No login required.
Generate HTML meta tags, Open Graph, and Twitter Card tags instantly.
Searchable quick reference for all Bootstrap 5 utility classes.
Build beautiful linear and radial gradients with a live preview.
Generate a 5-color palette from any hex color with font pairings.
Check foreground/background contrast ratios against WCAG AA and AAA.
Explore 12 curated heading and body font pairings with live previews.
Estimate your website build cost with a quick 4-step questionnaire.
Preview how any URL looks when shared on Facebook, Twitter, and LinkedIn.
Upload an image and generate all favicon sizes as downloadable PNGs.
AI-powered section planner that maps out your ideal landing page structure.
Answer 4 questions and get AI-recommended Canvas HTML template demos.
Turn a rough idea into a detailed Canvas Builder generation prompt.
Paste Bootstrap 5 HTML and get back Tailwind CSS equivalent code instantly.
Create perfect box shadows with live preview. Adjust offset, blur, spread and colour — copy CSS instantly.
Generate border-radius values visually. Set individual corners or uniform radius — copy CSS in one click.
Convert between px and rem instantly. Two-way converter with bulk mode and Bootstrap 5 reference table.
Build flexbox layouts visually. Set direction, wrap, justify and align — see results live, copy CSS.
Calculate Bootstrap column widths, breakpoints and gutters. Build grid layouts and copy the HTML markup.
Canvas Builder generates production-ready HTML pages using the Canvas template system in seconds.
Try Canvas Builder