AI Coding (UI)XIndependently retested#web #human-reviewed #web-ui #motion-3d Gemini 3.1 Pro

Gemini 3.1 Dark Tech Website Prompt

Creator · aiedge_

Source 624

Prompt

Gemini 3.1 Pro is insane at website design.

Exact prompt to use:

UI/UX web design for an [insert company], dark mode, minimalist, premium corporate tech aesthetic. Abstract 3D flowing fluid background shapes, glowing luminescent gradients in deep blue, purple, and emerald green. Card-based layout with subtle glassmorphism, clean sans-serif typography, high contrast white text, and generous negative space. High fidelity, 8k, Dribbble style, sleek and futuristic."

Key elements to include if you modify the prompt:

Color Palette: Dark background with vibrant, glowing neon accents.

Typography: Modern, clean sans-serif fonts.

Graphics: Abstract, fluid 3D waves or light ribbons.

Layout: Spacious, card-based, and highly structured.

Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

Gemini 3.1 Pro

Stability: 92 / 100
Cost: Medium

Independent retest evidence

See what the same prompt generated in our test.

Retest output · not the creator's original

UIGenerated evidenceAI judged

gpt-5.6-sol

Aug 9, 2026

Retest score91.6

Desktop capture

Mobile capture

Download generated HTML ↓

claude-sonnet-5 · 88.6gpt-5.6-sol · 94.6gap · 6

Keep exploring

Explore related cases.

View all AI Coding (UI) Case →

AI Coding (UI)X

3D Supermarket-Packaging-Style Creative Agency Website

A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.

Skill · 3D and motion hero Skill · Portfolio story architecture

Prompt

Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al

Source heat · X

Stability

View case →

AI Coding (UI)Aceternity UI

3D Animated Pin

复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「3D Animated Pin」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。

Skill · 3D and motion hero

Prompt

// components/ui/3d-pin.tsx "use client"; import React, { useState } from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const PinContainer = ({ children, title, href, className, containerClassName…

Source heat · Aceternity UI

—

Stability

View case →

AI Coding (UI)X09/06/2026

高密度 3D 浏览器森林生成器

一个复杂的提示词，用于利用 Three.js 风格优化和逼真光照，在浏览器中生成精细的实时 3D 森林环境。

Skill · 3D and motion hero Skill · Product and commerce conversion page

Prompt

First search for the "/unlazy" skill, read it fully, and use it throughout the entire task. Treat this as a major visual build lasting at least {argument name="minimum duration" d

Source heat · X

Stability

View case →

Gemini 3.1 Pro is insane at website design. Exact prompt to use: UI/UX web design for an [insert company], dark mode, minimalist, premium corporate tech aesthetic. Abstract 3D flowing fluid background shapes, glowing luminescent gradients in deep blue, purple, and emerald green. Card-based layout with subtle glassmorphism, clean sans-serif typography, high contrast white text, and generous negative space. High fidelity, 8k, Dribbble style, sleek and futuristic." Key elements to include if you modify the prompt: Color Palette: Dark background with vibrant, glowing neon accents. Typography: Modern, clean sans-serif fonts. Graphics: Abstract, fluid 3D waves or light ribbons. Layout: Spacious, card-based, and highly structured.