Noctis – Creative Agency & Portfolio Next.js Template
Noctis is a premium, animation-driven dark portfolio template built with the latest technologies – Next.js 16 (App Router), React 19, TypeScript 5, and Tailwind CSS v4. Designed for creative studios, design agencies, freelancers, and art directors, Noctis is a production-ready solution for showcasing work, services, and case studies with cinematic motion and a refined dark aesthetic.
Key Features:
- ⚙️ Tech Stack: Next.js 16 + React 19 + TypeScript 5 + Tailwind CSS v4
- Cinematic Animations – Motion 12, GSAP 3 & Lenis smooth scroll, fully synced
- ️ Signature Interactions – Magnetic custom cursor, multi-phase preloader, film-grain overlay
- Fully Responsive Design – Tailored layouts for mobile, tablet, and desktop
- Performance & SEO Optimized – next/image, dynamic OG images, JSON-LD, sitemap & robots
- ♿ Accessibility First – Reduced-motion support, keyboard navigation, ARIA & focus states
- Data-Driven Content – Edit projects, stats, services & posts in typed data files, no code changes
- One-File Rebrand – A single site-config drives brand, contact, metadata & links
- Cross-Browser Compatible
What’s Included:
- Next.js 16 (App Router) project in TypeScript
- 14+ pre-built, fully animated sections
- Data-driven Journal / Blog with 6 ready-made posts
- Tailwind CSS v4 design system with dark-mode design tokens
- Detailed Documentation for Easy Setup
Noctis Template Features:
- Built with Next.js 16, React 19 & Tailwind CSS v4
- 100% TypeScript (strict mode) – no jQuery dependency
- 14+ animated sections with scroll-driven reveals
- Horizontal scroll work gallery with keyboard-navigable lightbox
- Pinned manifesto & sticky scrubbing process timeline
- Magnetic custom cursor & multi-phase preloader
- Lenis smooth scroll synced with GSAP ScrollTrigger
- Fully responsive, mobile-first layout
- Premium dark template (Material Design 3-flavored palette)
- Accessibility-minded: prefers-reduced-motion, ARIA, keyboard nav, skip link
- SEO ready: JSON-LD structured data, dynamic OG/Twitter images, sitemap & robots
- Organized folder structure
- Clean & commented code
- Well documented
- FREE Lifetime Updates
- 6 months of free support included
- And Much More…
Included Pages:
- Home (single page with 14+ sections & anchor navigation)
- ️ Work / Portfolio (gallery + lightbox)
- Journal / Blog
- Blog Details (6 posts)
- ❓ FAQ
- Contact (form + dark map)
- Terms & Conditions
- Privacy Policy
- ⚠️ Custom 404, Error & Loading States
Use Cases:
- Creative Agencies & Studios
- Freelance Designers & Art Directors
- Photographers & Visual Artists
- Branding & Design Studios
- Personal & Solo Portfolios
- Digital & Creative Agencies
✅ Why Choose Noctis?
Noctis saves you weeks of design and development while delivering a stunning, high-end visual experience out of the box. Whether you’re launching a studio site, presenting client case studies, or building your personal portfolio, Noctis gives you a polished foundation on the latest tech stack — no design work required.
Launch a fast, beautiful, motion-rich portfolio with Noctis. Stay modern, stay memorable.
Browser Compatibility:
- Google Chrome
- Microsoft Edge
- Mozilla Firefox
- Safari
♻️ Free Lifetime Updates
Buy once and get access to all future updates at no additional cost. We regularly release improvements, feature enhancements, and compatibility updates to keep your project modern and secure.
Dedicated Support
Need assistance? We’re here to help! Your purchase includes 6 months of free support, which can be extended anytime. Whether you need help with setup, bug fixing, or customization guidance, feel free to reach out.
Contact Support: Click Here