Prompt library

Visual Effects Prompts

Prompts for CSS and WebGL visual effects: gradients, glass, grain, glow, particles and shaders.

Visual effects are easy to overdo. These prompts ask for a specific effect, a performance budget and a fallback for older devices and reduced-motion users, so the result is usable on a real site.

• Accessible Glassmorphism Card EffectCreate a frosted-glass card that stays readable on any background, with backdrop blur, border highlight, fallbacks and contrast checks.ChatGPT · Claude · v0
• Animated Mesh Gradient Background (CSS)Get a soft, slowly shifting mesh-gradient hero background in pure CSS, with a static fallback, a performance budget and reduced-motion support.ChatGPT · Claude · Gemini
• WebGL Particle Hero with Three.jsBuild an interactive particle field hero section in Three.js that reacts to the cursor, with a strict performance budget and a no-WebGL fallback.Claude · ChatGPT · Cursor

Other prompt categories

• Web Design
• Interaction
• Motion & Animation
• Video Editing
• Camera Moves
• Image Generation
• Writing
• Industry
• Idea → Prompt: expand your own idea into a detailed prompt