Introduction

Document version: 1.0.0
Created: 25 September 2026
Last update: 25 September 2026

Overview

Norio is a premium React template for creative agencies and digital studios. It ships as a Vite SPA project with SCSS design tokens, React section components, and client-side motion powered by GSAP and Three.js — ported from the Norio HTML master so content and layout stay aligned across branches.

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.

Buy once and receive lifetime updates as the product evolves.

Stack highlights

React 19 + Vite + React Router with TypeScript
SCSS token system — edit tokens/tokens.json, run npm run tokens
GSAP 3.15 scroll and text motion (ScrollTrigger; Club plugins ScrollSmoother & SplitText)
Three.js WebGL gallery / distortion effects
GLightbox and odometer counters via vendored assets
Inter via @fontsource/inter
JSON-driven copy in src/data and reusable section components

Motion (client-only)

All GSAP / Three.js motion boots on the client through EffectsLoader, which mounts EffectsBootstrap and re-inits on pathname change.

Browser support

Latest Chrome, Firefox, Safari, and Edge (desktop)
Current iOS Safari and Android Chrome
Not intended for Internet Explorer or legacy Edge

GSAP Club note

ScrollSmoother and SplitText are GSAP Club plugins. A valid Club license is required for production use. See gsap.com/pricing. Full third-party credits live in the package CREDITS.md.

What's included

norio-react-dev — React template source
norio-react-doc — this documentation kit

Technical requirements

Node.js 18.18+ or 20+
Basic familiarity with React and React Router and Vite

Note

This is a React template, not a WordPress theme.

Change log

VERSION 1.0.0
- Initial release: React 19 + Vite + React Router port from the Norio HTML master
- React 19, TypeScript, SCSS tokens, GSAP 3.15, Three.js, GLightbox