Skip to content

template

Aether WebGL Hero

By Timotej Filipić

Details

Summary

3D WebGL SaaS landing page

Description

Aether is a premium 3D landing page for SaaS, AI, and developer-tool startups — built around a real WebGL hero, not a flat gradient. The centerpiece is a custom Three.js shader: a morphing, iridescent blob driven by simplex-noise displacement and a thin-film fresnel, reacting live to the visitor's cursor. It's a real code component (included), not a video or image — so it stays razor-sharp at any size and recolors in one click. What's inside: • Animated WebGL hero — editable Accent, Morph, Speed and Background right in the properties panel • Sticky navigation • Logo / trust strip • 6-card feature grid • Two-column "drop-in SDK" code section • 3-tier pricing with a featured plan • Big closing CTA • Full footer with legal bar Design: Fraunces + Hanken Grotesk + JetBrains Mono on a near-black canvas with a single acid-lime accent. Restrained, editorial and fast — the 3D lazy-loads so your text paints first. Remix it, drop in your copy, and ship. Made for inference platforms, dev tools, AI products, and any startup that wants a landing page people actually remember.

Introduction

3D WebGL SaaS landing page

Media

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400155768/148/228/309/79/15
  • 3D · #204
  • Style · #5391
  • Startup · #1122
  • Technology · #1546
  • Saas · #640