Skip to main content
Skip to content
ui20.njs.demo.templateempire.io
Rift preview

Gaming / Esports

Rift

$149one-time

  • 32 production-ready pages
  • GSAP + Three.js + Lenis + Motion
  • Dark & light mode
  • Lifetime updates
  • Commercial licence

Built for Customisation

Every design decision is a token you can change. No vendor lock-in, no black boxes.

Colour System

OKLCH colour tokens. Change every colour from one file. Dark and light mode built into every page.

Typography

System font stack with semantic scale (--font-xs through --font-5xl). Swap one import.

Component Architecture

shadcn/ui base. Every component is a file you own and can modify. No black-box packages.

Accessibility

WCAG 2.2 AA. Every animation respects prefers-reduced-motion. Semantic HTML throughout.

Quality Gate Report

Every kit passes a 17-gate quality audit before release. The full report ships in your download.

17/17Quality gates passed
0TypeScript errors
0ESLint warnings
90+Lighthouse (all configs)
TypeScript strict mode — zero type errors
ESLint + Prettier — zero warnings
Zero OWASP findings — dependency audit clean
Accessibility: WCAG 2.2 AA compliant
prefers-reduced-motion respected on all animations
Tested 375px → 2560px across all breakpoints

What's Included

Complete source code

Full source code. No obfuscation, no hidden dependencies.

Docs & quality report

Setup guide, customisation guide, and full quality gate audit report.

Design tokens

OKLCH colours, font scale, spacing system in one file.

Lifetime updates + support

Free updates forever. Email support that doesn’t expire. Buy once, benefit always.

Dark & light mode

Both modes production-ready. Toggle with one prop.

Responsive

Mobile-first design tested across all device sizes.

Commercial licence

Use for client work, SaaS products, or internal tools.

Changelog

  1. v0.9.3

    Maintenance1 June 2026

    Dependency maintenance: upgraded basic-ftp to v6. This is an internal tooling update with no impact on template functionality or buyer workflows.

  2. v0.9.2

    Maintenance1 June 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No feature changes or breaking updates.

  3. v0.9.1

    Maintenance31 May 2026

    Fixed a packaging issue where the Documentation route was excluded from the release zip due to an incorrect anchor in the zip-exclude configuration (#110). Fresh installs of v0.9.1 now include the full /docs route as intended.

  4. v0.9.0

    Update27 May 2026

    Added recharts integration to dashboard pages, enabling interactive, responsive data visualizations. Charts now render with smooth entry animations for a polished user experience. **What's new:** - Recharts library integrated for chart rendering - Dashboard pages now feature animated chart entry sequences - Improved data visualization capabilities across dashboard views No breaking changes. Update via `npm install` or your package manager.

  5. v0.8.16

    Maintenance27 May 2026

    Internal audit reporting refresh. QG-Report PDF updated with backfilled audit data for compliance tracking purposes. No changes to template functionality or buyer-facing features.

  6. v0.8.15

    Maintenance26 May 2026

    Packaging hygiene: excluded documentation files (AGENTS.md, docs/, *.docx) from release ZIP to reduce bundle size and clarify distribution scope. No functional changes.

  7. v0.8.14

    Maintenance26 May 2026

    Documentation: added PREMIUM_AUDIT.md reference guide for external audit tracking and compliance documentation.

  8. v0.8.13

    Maintenance26 May 2026

    Documentation: improved `useCountUp` hook documentation with direction-agnostic wording for clarity across different use cases (#103).

  9. v0.8.12

    Maintenance26 May 2026

    Dependency hygiene: resolved cross-major version mismatches in pnpm.overrides to ensure consistent dependency resolution across the project. This improves build stability and reduces potential conflicts during installation.

  10. v0.8.11

    Minor26 May 2026

    Applied UI20 P1 compliance sweep across premium components: - **Trademarks**: corrected trademark symbol rendering and spacing in hero and footer sections - **Count-up**: fixed animation timing and number formatting edge cases - **Scale**: resolved responsive scaling inconsistencies on mobile and tablet viewports - **Dashboard tease**: improved visual hierarchy and contrast for premium feature callouts These refinements ensure the template meets current design standards and improves the premium user experience across all breakpoints.

  11. v0.8.10

    Minor26 May 2026

    **useCountUp hook:** Fixed initial value rendering on server to prevent hydration mismatches. When using count-up animations in server-rendered pages, the component now correctly displays the starting value before animation begins, eliminating layout shift and console warnings. This fix is particularly important for pages with multiple animated counters or when using Next.js static generation.

  12. v0.8.9

    Maintenance26 May 2026

    Documentation: Updated Framer Motion references to Motion (motion/react) for clarity with current library naming. Reorganized dashboard pages documentation into components section for improved discoverability.

  13. v0.8.8

    Minor26 May 2026

    Replaced `[CUSTOMISE:]` bracket syntax with generic descriptors throughout privacy-related templates (#96). This change makes the template more intuitive during customization—buyers can now follow clearer, more standard placeholder conventions without needing to interpret custom bracket notation. No migration required. Existing customizations remain compatible.

  14. v0.8.7

    Minor26 May 2026

    Fixed vendor name references to comply with content-scan requirements (te-verify P332). Real vendor names have been scrubbed from the template to ensure privacy compliance across all components. No action required on your end—this update applies automatically.

  15. v0.8.6

    Minor26 May 2026

    Fixed placeholder strings (`[CUSTOMISE:]` / `[REPLACE:]`) that were not being scrubbed from legal pages during build. This affected 5 legal template pages and could cause confusion or compliance issues if deployed without manual cleanup. If you've already deployed v0.8.5 or earlier, review your legal pages (Privacy Policy, Terms of Service, etc.) and remove any remaining placeholder markers before going live.

  16. v0.8.5

    Maintenance26 May 2026

    CI workflow: aligned release.yml to shipping-kit pattern for consistent deployment across the ui-rift family. No changes to template functionality or dependencies.

  17. v0.8.4

    Maintenance26 May 2026

    Dashboard layout refinement: corrected full-width wrapper behaviour. Removed unused ESLint directives to improve code quality and maintainability.

  18. v0.8.3

    Maintenance25 May 2026

    Documentation and code quality improvements: synced primitive JSDoc from UI00-BASE and cleaned up eslint comments. No functional changes.

  19. v0.8.2

    Maintenance25 May 2026

    Dependency hygiene: propagated UI00-BASE #116 and applied pnpm.override for qs DoS mitigation (#84). No feature changes or breaking updates.

  20. v0.8.1

    Maintenance25 May 2026

    Internal sync: aligned RevealOnScroll `as` prop and useIsMobile singleton implementation with UI00-BASE. No user-facing changes.

  21. v0.8.0

    Update25 May 2026

    Backported LiveActivityRail component with integrated Rift event pool (#80). This new component provides real-time activity tracking and event management for live gaming and esports scenarios. **What's new:** - LiveActivityRail component for displaying active events and player activity - Rift event pool integration for efficient event state management - Built for gaming/esports use cases with live tournament and match tracking **How to use:** Import and integrate LiveActivityRail into your dashboard or event management pages. The component connects directly to the Rift event pool, so live up…

    Show full notes →

    Backported LiveActivityRail component with integrated Rift event pool (#80). This new component provides real-time activity tracking and event management for live gaming and esports scenarios. **What's new:** - LiveActivityRail component for displaying active events and player activity - Rift event pool integration for efficient event state management - Built for gaming/esports use cases with live tournament and match tracking **How to use:** Import and integrate LiveActivityRail into your dashboard or event management pages. The component connects directly to the Rift event pool, so live updates flow automatically as events change state. See the component documentation for configuration options and event schema details.

  22. v0.7.3

    Maintenance25 May 2026

    Dependency hygiene: updated @types/react to v19.2.15. This is a patch-level type definitions update with no impact on runtime behaviour or component APIs.

  23. v0.7.2

    Maintenance25 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reproducible installs across environments. No functional changes or new features in this release.

  24. v0.7.1

    Maintenance25 May 2026

    Dependency management: added pnpm.overrides configuration for ws and brace-expansion@5.x to ensure consistent transitive dependency resolution across the project.

  25. v0.7.0

    Update25 May 2026

    Added foundational form components to streamline input handling: - **Input**: Semantic input wrapper with autofill detection and consistent styling - **Label**: Associated label component with proper `for` binding - **FieldMessage**: Error/hint message container with semantic markup - **ARIA-invalid styling**: Built-in CSS for invalid state feedback These primitives reduce boilerplate when building forms and ensure WCAG compliance out of the box. Autofill detection prevents style conflicts with browser password managers. Use these as building blocks for custom form layouts or pair with exist…

    Show full notes →

    Added foundational form components to streamline input handling: - **Input**: Semantic input wrapper with autofill detection and consistent styling - **Label**: Associated label component with proper `for` binding - **FieldMessage**: Error/hint message container with semantic markup - **ARIA-invalid styling**: Built-in CSS for invalid state feedback These primitives reduce boilerplate when building forms and ensure WCAG compliance out of the box. Autofill detection prevents style conflicts with browser password managers. Use these as building blocks for custom form layouts or pair with existing validation libraries.

  26. v0.6.0

    Minor25 May 2026

    Added a new **Skeleton primitive component** for building loading placeholders across your dashboard. Includes a pre-built dashboard loading state that mirrors your content layout, reducing layout shift and improving perceived performance during data fetches. Use the Skeleton component to wrap content areas while async operations complete. The dashboard example demonstrates best practices for skeleton composition and timing.

  27. v0.5.0

    Minor25 May 2026

    **OpenGraph Preview Image Support** Added automatic OpenGraph preview image generation at the standard 1200x630 resolution. Social links now render with proper preview images across Twitter, LinkedIn, Discord, and other platforms that consume OG meta tags. This improves click-through rates and visual consistency when sharing your gaming/esports content. No configuration required — the feature is enabled by default.

  28. v0.4.0

    Minor25 May 2026

    Improved numeric and monospace rendering across the kit: - **Body text**: Applied `font-variant-numeric: tabular-nums` baseline for consistent digit alignment in stats, scores, and leaderboards - **Monospace surfaces**: Added slashed-zero (`font-variant-numeric: slashed-zero`) for clearer code and terminal-style displays These OpenType features enhance readability in gaming contexts where precision and visual clarity matter—especially for live stats, player rankings, and debug overlays. No migration needed; updates apply automatically.

  29. v0.3.1

    Minor25 May 2026

    Fixed critical accessibility issues in the navbar and theme toggle components: - **Navbar landmark**: Added proper `<nav>` semantic structure with `role="navigation"` for improved screen reader navigation. - **aria-controls**: Connected theme toggle button to controlled elements with explicit `aria-controls` attributes. - **aria-pressed**: Theme toggle now correctly reports its state via `aria-pressed` for assistive technologies. These changes ensure the template meets WCAG 2.1 AA standards for keyboard navigation and screen reader users. No breaking changes — update at your convenience.

  30. v0.3.0

    Update21 May 2026

    Added `<RevealOnScroll>` component for triggering animations and content reveals when elements enter the viewport. Ideal for below-fold conversion optimization in hero sections, feature showcases, and call-to-action blocks. The component handles intersection observer setup, animation timing, and performance optimization out of the box. Pairs well with existing animation utilities for staggered reveals and progressive disclosure patterns common in gaming and esports UI. See the component API and usage examples in the updated docs.

  31. v0.2.0

    Maintenance21 May 2026

    Documentation: Added Copilot and Codex bot instructions to enforce Renovate dependency management canon. This improves the development workflow for contributors and maintainers but does not affect template functionality or buyer-facing features.

  32. v0.1.23

    Maintenance21 May 2026

    Internal: backported family consistency fixes from UI04 to align component structure across the template suite. No breaking changes or new features.

  33. v0.1.22

    Minor21 May 2026

    **Hydration fix:** Page transition wrapper now renders unconditionally, preventing hydration mismatches during client-side navigation. This resolves edge cases where the wrapper could conditionally render on server vs. client, causing layout instability or lost transition state. No action required—update at your convenience.

  34. v0.1.21

    Minor21 May 2026

    Migrated marketing entry animations from Framer Motion to native CSS keyframes. This reduces JavaScript execution overhead during page load and decreases bundle size, resulting in faster initial renders and smoother transitions on lower-end devices. No API changes. All existing animation behavior is preserved.

  35. v0.1.20

    Maintenance21 May 2026

    Documentation hygiene: removed stale per-kit generate-report.js script from docs. No functional changes to the template or build output.

  36. v0.1.19

    Maintenance20 May 2026

    CI tooling: bumped Node.js from v20 to v22 to unblock pnpm 11 support. No changes to template functionality or dependencies.

  37. v0.1.18

    Maintenance19 May 2026

    Dependency security update: upgraded brace-expansion to v5 to address known vulnerabilities in the dependency chain. No changes to template functionality or API surface.

  38. v0.1.17

    Maintenance18 May 2026

    Dependency maintenance: updated non-major dependencies to their latest patch and minor versions. No breaking changes or new features in this release.

  39. v0.1.16

    Maintenance18 May 2026

    Dependency maintenance: pinned dependencies to ensure consistent builds and reduce supply-chain drift across environments.

  40. v0.1.15

    Maintenance18 May 2026

    Dependency maintenance: updated @types/node to v24.12.4 for improved TypeScript compatibility and type definitions.

  41. v0.1.14

    Maintenance18 May 2026

    Dependency management: pinned project dependencies to ensure consistent builds and reproducible installs across environments.

  42. v0.1.13

    Maintenance15 May 2026

    Dependency maintenance: updated renovatebot/github-action to v46. This is a routine tooling update with no impact on template functionality or buyer workflows.

  43. v0.1.12

    Maintenance13 May 2026

    Dependency security update: Next.js bumped to v16.2.6. This patch release addresses upstream security concerns and maintains framework stability. No breaking changes or new features. Update recommended for all users.

  44. v0.1.11

    Minor12 May 2026

    Resolved mechanical-review P1 and P2 findings in motion and comment components (#33). These fixes improve component stability and ensure compliance with quality standards. No breaking changes or migration required.

  45. v0.1.10

    Maintenance12 May 2026

    Dependency management: inherited Renovate configuration from organization settings and added Dependabot weekly schedule for automated dependency updates. No template or component changes.

  46. v0.1.9

    Minor12 May 2026

    Resolved critical accessibility findings from mechanical review: - **P1 input label fix**: corrected missing or malformed label associations on form inputs, ensuring screen reader users can properly identify form fields - **4× P094 findings**: addressed additional WCAG compliance issues These fixes improve audit readiness and ensure the template meets accessibility standards for production deployments. No breaking changes or migration required.

  47. v0.1.8

    Maintenance12 May 2026

    Dependency update: upgraded lucide-react to v1. All icon components remain compatible and functional. No action required.

  48. v0.1.7

    Maintenance12 May 2026

    Dependency update: TypeScript upgraded to v6. This is a tooling enhancement with no impact on template functionality or your projects built with this kit. All existing code remains compatible.

  49. v0.1.6

    Minor9 May 2026

    - chore(deps): update dependency picomatch@<2.3.2 to v4 (#21) - chore(deps): update dependency path-to-regexp@<0.1.12 to v8 (#20)

  50. v0.1.5

    Minor9 May 2026

    - chore(deps): update dependency lighthouse to v13 (#18)

  51. v0.1.4

    Minor9 May 2026

    - chore(deps): update dependency basic-ftp@<5.3.1 to v6 (#13) - chore(deps): update dependency @types/node to v24 (#12)

  52. v0.1.3

    Minor9 May 2026

    - chore(deps): update tailwindcss monorepo to v4.3.0 (#8) - chore(deps): update dependency path-to-regexp@<0.1.12 to ^0.2.0 (#7)

  53. v0.1.2

    Minor9 May 2026

    - fix(error,404): WebGL ambient glow with viewport-centred orb (#5)

  54. v0.1.1

    Minor9 May 2026

    - fix(ambient-glow): guard ResizeObserver for environments without it (#6)

  55. v0.1.0

    Update8 May 2026

    - fix(2): JSX whitespace bug in dashboard subtitles - feat(1G,1H): legal/buyer-doc rebrand + final gates - feat(1F): dashboard pages — overview rebrand + 7 new domain pages + settings - feat(1E): auth pages — gaming OAuth, 2-step register wizard, indigo glow - feat(1D.3-4): marketing pages — pricing rebrand, features deep-dive, games card grid, about/contact/blog rebrand - feat(1D.2): home page below-fold sections — stats / features / testimonials / pricing / faq / cta - fix(1D.1): hero ambient glow renders indigo, not grey - feat(1D.1): redesign hero — esports broadcast cards, no chrome - fea…

    Show full notes →

    - fix(2): JSX whitespace bug in dashboard subtitles - feat(1G,1H): legal/buyer-doc rebrand + final gates - feat(1F): dashboard pages — overview rebrand + 7 new domain pages + settings - feat(1E): auth pages — gaming OAuth, 2-step register wizard, indigo glow - feat(1D.3-4): marketing pages — pricing rebrand, features deep-dive, games card grid, about/contact/blog rebrand - feat(1D.2): home page below-fold sections — stats / features / testimonials / pricing / faq / cta - fix(1D.1): hero ambient glow renders indigo, not grey - feat(1D.1): redesign hero — esports broadcast cards, no chrome - feat(1D.1): home page hero — bracket + leaderboard preview - fix(1C): orb-bg uses var(--brand-accent) instead of hardcoded amber OKLCH - feat(1B): layout shell rebrand for gaming/esports vertical - feat: initial UI20 Rift Gaming/Esports kit

55 releases

Need the backend too?

Pair Rift with the Social Community full-stack template. Working auth, Stripe billing, and database — same vertical, production-ready. $199.

View Social Community

Ready to build with Rift?

32 pages · GSAP + Three.js + Lenis + Motion· $149 one-time

Rift·Empire UI·32 pages