Stay connected with us on X, Discord, and LinkedIn to stay up to date with future analysis
For EnterpriseInsights
All MicroEvals
GlassMorphism Website
Create MicroEval
Header image for GlassMorphism Website

GlassMorphism Website

Prompt

Make a BEAUTIFUL glassmorphism website. But not just simple borders and blurs, make sure to use advanced techniques such where you change the color or thickness or shadows of just various sides of the element for true glassmorphism all in one massive HTML code block.

A system prompt was added to support web rendering

OpenAI logoOpenAIo3
Drag to resize
Google logoGoogleGemini 2.5 Flash (Reasoning)
Drag to resize
Google logoGoogleGemini 2.5 Pro
Drag to resize
OpenAI logoOpenAIGPT-4.1
Drag to resize
DeepSeek logoDeepSeekDeepSeek R1 0528 (May '25)
Drag to resize
xAI logoxAIGrok 3
Drag to resize
Alibaba logoAlibabaQwen3 235B A22B (Non-reasoning)
Drag to resize
xAI logoxAIGrok 4
Drag to resize
OpenAI logoOpenAIo4-mini (high)
Drag to resize
Meta logoMetaLlama 4 Maverick
Drag to resize
Anthropic logoAnthropicClaude 4 Sonnet (Non-reasoning)
Drag to resize