OSKEN: Landing Page for React & Tailwind CSS | HorizonX

Premium Code

OSKEN

A landing page for industrial design, CGI and motion studios, with a 3D project deck and a showreel driven by scroll.

OSKEN, image 3
OSKEN, image 2
OSKEN, image 3
  • Instant access Included with every membership
  • Full source code Download and run locally
  • Commercial license With a membership, for client work

Overview

OSKEN is a complete one-page landing template for a fictional industrial design and CGI studio. A floating dark-glass navigation bar opens a full-screen menu. The hero cuts between four full-bleed product stills under a headline that decodes letter by letter, followed by an about section whose statement brightens as you scroll, a stack of four project cards in 3D that scrolling brings to the front one by one, a showreel frame that grows to the full screen, a FAQ, and a light footer with an animated tile mosaic and a wordmark that rises letter by letter. Built with Vite, React 19, Tailwind CSS 4, Motion and Lenis smooth scrolling. Colors and type sizes come from a small set of tokens, and a second page documents the design system. Reduced-motion preferences are respected. Included: the complete editable source, a ready-built static copy, every image used on the page (AI-generated for this template), a buyer guide, credits, library licenses, and AGENTS.md plus CLAUDE.md for AI coding agents. This is a frontend design template; buttons open email links and no form, booking or payment service is connected.

Highlights

  • Production-ready, documented source
  • Clean, componentized architecture
  • Drops into your stack with minimal setup

Preview

What's included

  • Full source code
  • README & setup guide
  • Component documentation
  • Commercial license with a membership

Frequently asked questions

  • The full source code for this asset, ready to download and integrate into your project.

  • Unzip the download and follow its README. Coded products run through a local web server or your project's dev server, started with the command the README gives, so double-clicking an index.html file can show a blank page. The Specs list on this page names the format and what it's built for.

  • It's included with a HorizonX membership. Download it instantly, no separate purchase.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.