Copyright © 2026 Rasuke
Designed by AliThemes

Introduction

  • Document version: 1.0.0
  • Created: October 20, 2026
  • Last update: October 20, 2026
Overview
Rasuke — Creative Agency HTML Template

Rasuke is a premium creative-agency template for studios that want a high-end, motion-first website. The master source is built with Vite, Nunjucks, and SCSS. There is no Bootstrap, no Tailwind, and no CSS utility framework — layout is written in SCSS with CSS Grid and Flexbox.

Design values live in a single token file (tokens/tokens.json, synced from the Figma file Rasuke agency_v1) and compile to CSS custom properties, so colors, type, spacing, motion timings, and dark mode stay in sync. Motion is powered by GSAP (ScrollTrigger, ScrollSmoother, ScrollToPlugin, SplitText) with Three.js WebGL deformation effects and a GLightbox lightbox on selected sections.

This package includes the Figma design file, so you can continue designing or hand the system to a developer without guessing values.

We have a dedicated Support Center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12–24 hours.

We are continuing to work hard to develop this item. You only need to buy 1 time and get lifetime updates.

Unlock the Power of Rasuke
  • 3 creative homepages and 23 inner pages — project listings & showcases, about, team, services, blog, pricing, contact, terms, and 404 (26 pages in total).
  • Vite + Nunjucks + SCSS — modern multipage build, not Gulp or Bootstrap includes.
  • No CSS framework — semantic BEM-ish classes and SCSS mixins only.
  • Token-driven design — edit tokens/tokens.json, run npm run tokens, and every color, type step, space, and motion duration updates.
  • Figma design included: variables (Light / Dark modes) and local text styles are the source of the token file.
  • Dark / Light mode: semantic tokens flip through data-color-scheme and prefers-color-scheme. Every shipped page is currently pinned to dark — see Dark Mode.
  • GSAP + WebGL — scroll-smoothed pages, a branded preloader, page transitions, a custom comet cursor, pinned / scrubbed sections, and Three.js grid & hover deformation. See Effects & Interactions.
  • SEO & Speed Optimized — semantic markup, optimized WebP imagery at 2× frame size, lazy ambient video.
  • Detailed documentation: this guide covers the real Rasuke source kit, not a generic Bootstrap starter.
  • Responsive & retina ready: designed for mobile, desktop, and high-density screens.
  • Modern browser compatibility: built for current evergreen browsers (Chrome, Firefox, Safari, Edge).
  • Free Lifetime Updates and User Support: each purchase guarantees lifetime access to future updates at no extra cost. You also get six months of user support, with the option to extend.
  • W3C-friendly markup: semantic HTML, no inline styles or inline scripts in templates (enforced by npm run lint:fse).
What You Get
  1. HTML Frontend Template (compiled dist/ from Vite, plus the classic ThemeForest package from npm run build:html → dist-html/)
  2. HTML Frontend Development source code (rasuke-html-dev — Vite, Nunjucks, SCSS)
  3. Figma design file (Rasuke agency_v1)
  4. Documentation (this site)
  5. Envato License
HTML Pages

All 26 pages in src/pages/. Preview each file on the live demo.

Homepages
  • Home — index.html (hero-1, about-1, projects-1, services-1, testimonials-1, team-1, why-us-1, blog-1)
  • Home 02 — index-2.html (hero-2, projects-2, testimonials-2, img-1, services-2)
  • Home 03 — index-3.html (hero-3, projects-3, brands-1, fact-1, services-4, faqs-3, blog-2)
Projects — Listing
Projects — Showcase
  • Showcase 01–06 — project-showcase-1.html … project-showcase-6.html (fullscreen slider, WebGL carousel, split-reverse rail, hover reel, creative grid, stacked reel — see Effects)
Studio
Content & Business
Utility
Note
  • This is not a WordPress theme. It is an HTML5 template. (A WordPress FSE port can be built from the same master — npm run build:wp prepares its runtime.)
  • The documentation site you are reading uses its own isolated CSS. The Rasuke product itself does not use Bootstrap or Tailwind.
  • Local preview: run the template on a local server for the full WebGL experience. If you open files with file://, use Chrome or Edge. Details: Local Preview.
  • BDO Grotesk is a licensed typeface and is not redistributed; the layout loads Host Grotesk / DM Sans / Bonheur Royale from Google Fonts and falls back gracefully until you add your licensed BDO Grotesk @font-face.
Change log
VERSION 1.0.0 — 2026-10-20
    - First release.