Why Requiem?

Starting a modern, visually stunning Next.js project usually takes hours of repetitive boilerplate tracking. Installing state managers, configuring smooth scrolling, writing routing animations, and importing default Layouts is incredibly tedious.

Requiem abstracts all of this into a single command. It comes deeply integrated with GSAP page transitions and premium UI components right out of the box, completely removing the hassle of manually installing them so your project kickstarts efficiently.

Quick Start

To spin up a new Requiem project instantly, run the following command in your terminal:

To create a new project in the current directory:

npx create-requiem-app

To create a new project with name my-app:

npx create-requiem-app my-app

The Configuration Wizard

Instead of guessing flags or modifying dozens of files post-install, Requiem walks you through a streamlined interactive wizard to inject exactly the stack you need.

Setup Questions

During execution, the CLI will comprehensively ask you about your ideal application environment:

1. Project Name – What is your project name? (We automatically configure package.json for you).
2. Workspace – Choose between our two powerful boilerplates:
   • Next.js (Immersive App Router layout with GSAP and Lenis smooth scroll).
   • React (Lightning fast Vite + React Router v7 + Tailwind CSS v4 setup).

(If you chose Next.js): 3. State Management – Select your State Management library:

• Zustand (Recommended: Lightweight and elegant hook approach).
• Redux Toolkit (Strict structure, great for highly-scaled applications).
• None (Vanilla React context if you prefer doing it yourself).

4. Data Fetching – Would you like to include TanStack Query? (Say yes, and the provider and devtools will automatically wrap around your core Layout).

Core Features

React: Blazing Fast UI Starter

If you select the React Workspace, Requiem automatically scaffolds an ultra-modern UI. It comes pre-configured with Vite for instantaneous HMR, React Router v7 for seamless navigation, and the brand-new Tailwind CSS v4 engine. It features built-in glassmorphism effects, a typography-focused layout, and a pre-animated mobile navigation menu overlay right out of the box.

Next.js: Immersive GSAP Page Transitions

Say goodbye to boring hard reloads. Requiem's Next.js workspace includes an inherently complex GSAP Page Transition system injected natively into Next.js 15 routing. Your users will experience cinematic, fluid transitions across pages by default.

Next.js: Lenis Smooth Scroll

Premium web applications demand a premium scrolling behavior. Requiem natively incorporates React Lenis, ensuring a frictionless, buttery-smooth momentum scrolling physics engine dynamically applied across the entire site.

Beautiful Kickstart Layouts

Sick of starting with a blank white page? Requiem automatically seeds your application with gorgeous, responsive Header and Footer component stacks. It utilizes default architecture wrappers that easily let you visualize your site's aesthetic immediately upon start.

Instant Library Scaffolding

The days of manual configuration are essentially over. Depending on your wizard choices, your project will natively scaffold the boilerplate store variables, hooks, or Provider files, fetch backend dependencies, and seamlessly weave them into your DOM.

Gallery

Take a look at the curated UI components provided instantly upon project creation.

Next.js Template Gallery

Desktop View

Header Layout:

Footer Layout:

Mobile View

React Template Gallery

Desktop View

Mobile View

Keywords

react, nextjs, vite, tailwindcss-v4, react-router, app-router, gsap, page-transitions, lenis, smooth-scroll, redux, zustand, tanstack-query, boilerplate, scaffolding, cli, frontend-framework

Author

Mehul Chauhan

Happy Coding