Skip to content
Silk UI
Agency

Sundown — Brand & growth studio

A bold ember-orange agency template with a molten-horizon shader hero, a word-by-word scroll statement, stacking case studies and a showreel modal.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Motion
  • Lenis
  • three.js
Live preview (opens in a new tab)Buy now $49$79

One-time payment · Instant download · All sales are final. By buying you agree to the License, Terms and Refund Policy.

silkui.com/page-preview/sundown
Sundown hero screenshot

Overview

Sundown is a bold, ember-orange website for a creative or marketing agency. The hero is a live three.js molten-horizon shader that heats up under the cursor and "sets" as you scroll, followed by a manifesto that reveals word by word with the scroll.

It is designed for studios that want their site to feel like their best work: big uppercase type, stacked case studies, and a showreel that opens in a full-screen player.

Highlights

  • Shader hero that “sets” on scroll
  • Scroll-revealed manifesto
  • Stacking case-study cards
  • Showreel video modal

Screens

Services
Sundown services screenshot
Process
Sundown process screenshot
Case studies
Sundown case studies screenshot
Contact
Sundown contact screenshot

What's included

  • Shader hero
  • Velocity marquee
  • Manifesto
  • Services with cursor preview
  • Stacking work
  • Showreel
  • Stats
  • Process
  • Testimonials
  • FAQ
  • Contact form

Getting started

  1. Install dependencies

    npm install

  2. Run the dev server

    npm run dev   # http://localhost:5179

  3. Build the static site

    npm run build   # writes the site to out/

Deploying

npm run build produces a plain static site in out/ that runs on any static host.

License & credits

Photos and videos are from Pexels and credited in the README. Testimonials use initials rather than photos of real people.