template
Aether WebGL Hero
By Timotej Filipić
Details
- Timotej FilipićAuthor
- templateType
- 2026-07-02Published
- 2026-07-02Updated
- 2026-07-02Added
- AI, Saas, Startup, TechnologyCategories
- 3D, AnimatedStyles
- 3D Transforms, Appear Effects, Code ComponentsFeatures
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.
- 3D · #204
- Style · #5391
- Startup · #1122
- Technology · #1546
- Saas · #640