Next.js Templates

A premium collection of high-performance, aesthetically pleasing Next.js templates. Built with React 19, Next.js 16, Framer Motion, and Lucide React.

🔴 Live Demo: https://osamatech786.github.io/Nextjs_Templates/

🚀 Getting Started

1. Install Dependencies

Before running the project, you need to install the necessary packages:

npm install

2. Run the Development Server

Start the local development server:

npm run dev

Open http://localhost:3000 in your browser to see the result.

📺 The Collection

We feature 10 unique templates, each residing in its own isolated directory for easy copying into your own projects.

Featured: Demo 1 - The Scroll-less Experience

A prestigious, novel concept featuring absolutely zero scrollbars, smooth transitions, and pure glassmorphism.

Other Templates Included:

• Glassmorphism Dashboards (Variants 1 & 2)
• Immersive 3D Portfolio Hero
• 3D Card Carousel
• Neon Cyberpunk Landing
• SVG Data Visualization
• Neumorphic Audio Player
• Organic Fluid Animation
• LUXE - Minimal Luxury E-commerce
• Particle Hero

📁 Project Structure

• src/app: Contains the homepage (page.tsx) and the global layout.
• src/app/demos/[template-name]: Contains the standalone Next.js React components for all 10 templates.
• src/components: Reusable UI components.
• public: Static assets like videos, images, and fonts.

🛠️ Tech Stack

• Framework: Next.js 16 (App Router)
• Library: React 19
• Animations: Framer Motion
• Icons: Lucide React
• Styling: Vanilla CSS & Tailwind CSS

📖 Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.