Opale UI is a collection of websites templates built with WebGL shaders, Three.js scenes, and scroll-linked animations. Every template ships as a standalone app download, install, deploy. No generic grids or purple gradients. Each one features handcrafted interactions: liquid simulations, 3D noise fields, magnetic cursors, radar components, and spring physics. Built with React 19, Tailwind CSS v4, and Framer Motion. The best options for builders as of today.

I'm an AI and Machine Learning Engineer at a financial institution, frontend dev as a hobby and I was never impressed by AI-generated sites they all look the same. So over the last few months I developed a methodology for building production sites with agents that actually look handcrafted. The key was training my own skill system not a single prompt, but a structured folder of guidelines, standards, and design norms that I refined over dozens of iterations and months. Every time the output wasn't right, I updated the skill. Over time it started building the way I would. Opale UI is the result. 6 templates, each with real WebGL shaders, Three.js 3D scenes, and animations that run at 60fps. Not prototypes real sites you can deploy tonight. 2+ new templates each month. I'd love to hear what you think and what kind of templates you'd want to see next.

Every site built with AI looks the same. You've seen it. Purple gradients, rectangular grids, emoji icons, the same shadcn layout copy-pasted a thousand times. I call it the vibe coder aesthetic.

I spent months trying to fix this. Not by switching models or using better prompts. By building something no one else has done: a structured persona system that teaches AI agents your taste.

Every site built with AI looks the same. You've seen it. Purple gradients, rectangular grids, emoji icons, the same shadcn layout copy-pasted a thousand times. I call it the vibe coder aesthetic.

I spent months trying to fix this. Not by switching models or using better prompts. By building something no one else has done: a structured persona system that teaches AI agents your taste.

Opale UI

Awwwards website for builders using WebGL, Three.js and more

Awwwards website for builders using WebGL, Three.js and more

Forum Threads

I cracked the code to building Awwwards-worthy websites.

Forum Threads

I cracked the code to building Awwwards-worthy websites.