webgradients.com Social Share Preview
webgradients.com has been validated across all 6 major social platforms. The current preview headline reads "WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo". It pairs with the description "Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color pale..." and a social image. Overall, webgradients.com's setup scores 82/100 against cross-platform best practices.
Previews across all platforms
Twitter / X
summary_large_image (active)
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems.
summary
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems.
Card by @itmeohq
Large card (image ≥ 600px wide)
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palettes.
Compact card (image < 600px wide)
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds ...
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems....
Google Search
Search result
webgradients.com
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by ...
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palettes.
Rich result (with thumbnail)
webgradients.com
webgradients.com
WebGradients - Free CSS Gradients for Backgrounds and UI by ...
Browse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palette...
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeo
webgradients.com
Slack
WebGradients
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeoBrowse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palettes.
Discord
WebGradients
WebGradients - Free CSS Gradients for Backgrounds and UI by itmeoBrowse 180 free CSS gradients for backgrounds, UI, websites, and design systems. Copy CSS code and explore color palettes.
Analysis
webgradients.com's social setup currently has 1 warning that affect how it renders across social platforms. The most impactful fixes are listed below - they range from missing required tags to image dimensions that will be cropped or rejected by specific platforms.
In particular: title is 65 characters - truncated on most platforms. Each of these has a one-line fix in the recommendations panel above.
What's working well: social share image found; description length is good (122 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See webgradients.com on a specific platform
Validate other sites
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io