Rasuke - Creative Agency HTML Template

Overview

Rasuke is a premium HTML template for creative agencies, design studios, and independent creatives who want a high-end, motion-first portfolio. The master source is built with Vite, Nunjucks, and SCSS — no Bootstrap, no Tailwind, and no CSS utility framework. Layout is written with CSS Grid and Flexbox and semantic, BEM-style classes, so the markup stays lean and readable.

Rasuke is token-driven: colors, type scale, spacing, radius, container widths, and motion timings live in a single tokens/tokens.json file (synced from the included Figma file, Rasuke agency_v1) and compile to CSS custom properties. Change a value once and the whole template — light and dark mode included — stays 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 template includes a Figma design file with Light and Dark variable modes plus local text styles, so you can keep designing or hand the system to a developer without guessing values.

Rasuke ships with pure HTML and CSS — no jQuery, Swiper, AOS, or page-builder leftovers. Porting to React, Next.js, Vue, Laravel, WordPress, or any other stack is straightforward, because there are no utility classes to untangle and no bloated UI kit to fight.

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, more homepages and more great features will be added. You only need to buy 1 time and get lifetime updates.

---

Unlock the Power of Rasuke

• 3 Creative Homepages & 23 Inner Pages – 26 pages in total: three distinct homepages, five project listing layouts, six project showcase layouts, project details, about, team, services, blog, pricing, contact, terms, and 404.
• Vite + Nunjucks + SCSS – A modern, framework-free multipage build with layouts, partials, sections, and a professional source workflow. Not a Gulp or Bootstrap include setup.
• No CSS Framework – No Bootstrap, no Tailwind, no utility classes. Semantic HTML and SCSS mixins only, with per-section BEM-style styles.
• Design Token System – Colors, type, space, radius, layout, and motion live in one tokens/tokens.json. Run npm run tokens and every CSS custom property updates at once.
• Figma Design File Included – Variables for Light / Dark modes and local text styles are the source of the token file, so design and code never drift apart.
• Dark & Light Mode Ready – Semantic tokens flip through data-color-scheme and prefers-color-scheme, with an optional per-page scheme pin and a built-in theme toggle.
• High-End GSAP Animations – Scroll-smoothed pages, a branded preloader, centre-out page transitions, a custom comet cursor, text reveals, pinned and scrubbed sections, and a floating navigation pill.
• Three.js Visual Effects – WebGL grid and hover image deformation plus a shader carousel in the showcase layouts, adding depth without a heavy UI kit.
• Six Project Showcase Layouts – Fullscreen slider, WebGL carousel, split-reverse rail, hover reel, creative grid, and stacked reel, alongside five project listing styles.
• GLightbox & Digit Count – Accessible image and video lightbox, plus animated counters for facts and statistics.
• Optimized for Core Web Vitals – Semantic markup, optimized WebP imagery at 2× frame size, and lazy ambient video keep loading fast and SEO structure clean.
• Premium Typography – BDO Grotesk as the primary typeface, with Host Grotesk for display, DM Sans for meta text, and Bonheur Royale for script accents.
• Detailed Documentation – A full guide covering tokens, SCSS architecture, sections, GSAP and Three.js modules, dark mode, and packaging.
• Retina Ready & Ultra-Responsive – Designed for mobile, desktop, and high-density screens, with fluid type and spacing that stay pixel-sharp at any size.
• Cross Browser Compatibility – Built and tested for current evergreen browsers: Chrome, Firefox, Safari, and Edge.
• W3C-Friendly & Clean Code – Semantic, lightweight markup with no inline styles or inline scripts in templates, enforced by npm run lint:fse.
• Free Lifetime Updates & Support – Your purchase includes lifetime access to future versions plus six months of dedicated support, with the option to extend.

What You Get

1. HTML Frontend Template (compiled dist/ from Vite, plus the classic ThemeForest package from npm run build:html)
2. Full Development Source Code (rasuke-html-dev — Vite, Nunjucks & SCSS)
3. Original Figma Design File (Rasuke agency_v1)
4. Comprehensive Documentation
5. Envato License

HTML Pages

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

Homepages

• Home 01 — index.html
• Home 02 — index-2.html
• Home 03 — index-3.html

Projects — Listing

• Portfolio / Listing 01 — project-listing-1.html
• Works / Listing 02 — project-listing-2.html
• Works Archive / Listing 03 — project-listing-3.html
• Selected Work / Listing 04 — project-listing-4.html
• Index / Listing 05 — project-listing-5.html
• Project Details — project-details.html

Projects — Showcase

• Showcase 01 — fullscreen slider — project-showcase-1.html
• Showcase 02 — WebGL carousel — project-showcase-2.html
• Showcase 03 — split-reverse rail — project-showcase-3.html
• Showcase 04 — hover reel — project-showcase-4.html
• Showcase 05 — creative grid — project-showcase-5.html
• Showcase 06 — stacked reel — project-showcase-6.html

Studio

• About — about.html
• Services — services.html
• Service Details — service-details.html
• Team — team.html
• Team Details — team-details.html

Content & Business

• Blog — blog.html
• Blog Details — blog-details.html
• Pricing — pricing.html
• Contact — contact.html

Utility

• Terms and Conditions — terms.html
• 404 — 404.html

Note

• This is a professional HTML5/CSS3 template, not a WordPress theme. A WordPress FSE port can be built from the same master, and npm run build:wp prepares its runtime.
• Run the template on a local server for the full WebGL experience. If you open the files directly with file://, use Chrome or Edge.
• BDO Grotesk is a licensed typeface and is not redistributed with the template. Host Grotesk, DM Sans, and Bonheur Royale load from Google Fonts, and the stack falls back gracefully until you add your licensed BDO Grotesk @font-face.
• Demo photographs and generated stills are included for preview. Replace them with your own licensed assets before a client launch.

Change log

    VERSION 1.0.0 — 2026-10-20
    - First release.