Prompts

Modern landing page with a full-screen HLS video background, glassmorphic navigation header, and bottom-left hero content

Modern landing page with a full-screen HLS video background, glassmorphic navigation header, and bottom-left hero content. Stack: React, Vite, hls.js. Copy-ready Claude website and UI prompt with layout, motion, and implementation notes from the Eldergenix prompt directory.

UI / UX promptsAnthropicReact, Vite, hls.js

Repository ↗

Example output

Demo

Prompt

Anthropic

# Prompt

Create a modern React landing page with a full-screen HLS video background, glassmorphic navigation header, and hero content positioned in the bottom-left corner.

## Overview

Build a single landing page in React. The page should feature:

- A **full-screen HLS video background** that fills the viewport.
- A **glassmorphic navigation header**.
- **Hero content positioned in the bottom-left corner** of the page.