Glass Dark UI vs WebGL Laser

Meng To · Meng To

Tied at 3/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test, and both design the Night Shift way: dark screens, glowing accents, work that looks best at 2am. Both are best for: visual direction.

Glass Dark UI3/5
After: Tally landing page, made with Glass Dark UI (Meng To)
WebGL Laser3/5
After: Tally landing page, made with WebGL Laser (Meng To)

Scroll either page; the other follows.

Glass Dark UI (Meng To)

3/5

Glass Dark UI turns Tally into a dark navy product with frosted panels and gradient borders, lit by green, blue and violet accents. Text stays readable on both pages. Pick it if you want a polished dark interface, but expect it to look like plenty of other dark SaaS sites.

WebGL Laser (Meng To)

3/5

WebGL Laser runs a white-hot vertical beam with a mint halo down a near-black page, with Instrument Serif headlines over Inter Tight. It's striking on desktop, but on a phone the beam crosses the hero text, and the mobile dashboard scrolls sideways. Pick it for a launch page hero, not for the app itself.

Side by side

FieldGlass Dark UI (Meng To)WebGL Laser (Meng To)
Fonts
  • Sora (landing)
  • Inter
  • Space Grotesk (dashboard)
  • Instrument Serif (landing)
  • Inter Tight (landing)
  • JetBrains Mono
  • Manrope (dashboard)
Colors
  • #030712 background
  • #e2e8f0 text
  • #34d399 green
  • #60a5fa blue
  • #a78bfa violet
  • #fbbf24 amber
  • #040506 background
  • #eef2ef text
  • #3ddc97 mint
  • #4bf0b4 mint (dashboard)
  • #ff6f6f red (dashboard)
  • #ffc65c amber (dashboard)
Pick it for
  • developer tools
  • AI products
  • dark-mode dashboards
  • crypto apps
  • launch pages
  • AI and dev-tool heroes
  • event sites
  • portfolio intros
Skip it for
  • beginner-friendly consumer finance
  • light, warm brands
  • print-like editorial pages
  • dashboards
  • consumer finance
  • content-heavy pages
Observations
  • close to many dark SaaS templates
  • the landing leads with green, the dashboard with blue and violet
  • landing mobile: the beam runs across the hero text
  • dashboard mobile: 585 px wide on a 390 px screen, so it scrolls sideways
  • the dashboard drops the serif for Manrope

How the brief works

Install Glass Dark UI (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/glass-dark-ui#main .claude/skills/glass-dark-ui

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

Install WebGL Laser (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/webgl-laser#main .claude/skills/webgl-laser

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.