Evolvix is a premium, high-performance Next.js template designed specifically for digital agencies, creative studios, and professional portfolios. Built with the latest web technologies, it offers a stunning visual experience combined with seamless interactivity and top-tier performance.
- Next.js 15 App Router: Leverages the latest features of Next.js for optimal performance and developer experience.
- GSAP & Smooth Animations: Professional-grade animations and scroll effects powered by GreenSock.
- Multiple Homepage Variations: Tailored designs for Digital Agencies, Creative Studios, Personal Portfolios, and more.
- Responsive Design: Fully optimized for all devices, from mobile phones to high-resolution desktops.
- Modern UI/UX: Clean, sleek, and high-conversion layouts with glassmorphism and premium aesthetics.
- TypeScript Support: Robust type-checking for better code quality and maintainability.
- Swiper.js Integration: High-performance touch sliders and carousels.
- Form Handling: Integrated with
react-hook-formfor efficient form management. - SEO Optimized: Built-in metadata management and semantic HTML structure.
- Core Framework: Next.js 15
- Programming Language: TypeScript
- Styling: SASS (SCSS) & Bootstrap 5
- Animations: GSAP (GreenSock) & Framer Motion
- Components: Swiper, React Toastify
- Icons: Custom SVG icons and Font Awesome
evolvix/
├── src/
│ ├── app/ # Next.js App Router (Pages & Layouts)
│ │ ├── (homes)/ # Homepage variations
│ │ ├── (auth)/ # Authentication pages
│ │ ├── globals.scss # Global styles
│ │ └── layout.tsx # Root layout
│ ├── components/ # Reusable UI components
│ │ ├── hero/ # Hero sections
│ │ ├── service/ # Service modules
│ │ ├── portfolio/ # Portfolio/Case studies
│ │ └── common/ # Buttons, Inputs, etc.
│ ├── data/ # Static data for the site
│ ├── hooks/ # Custom React hooks
│ ├── layouts/ # Header and Footer components
│ ├── svg/ # SVG icon components
│ ├── types/ # TypeScript definitions
│ ├── utils/ # Utility functions (animations, etc.)
│ └── ui/ # Core UI elements (NiceSelect, etc.)
├── public/ # Static assets (images, fonts)
├── documentation/ # Project documentation files
├── next.config.ts # Next.js configuration
├── package.json # Dependencies and scripts
└── tsconfig.json # TypeScript configuration
- Node.js (v18.x or later)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/evolvix.git cd evolvix -
Install dependencies:
npm install
To start the development server:
npm run devOpen http://localhost:3000 with your browser to see the results.
To create an optimized production build:
npm run buildnpm run dev: Starts the development server.npm run build: Builds the application for production.npm run start: Starts the production server.npm run lint: Runs ESLint to check for code quality issues.npm run clean: Removes build artifacts andnode_modules.
This project is licensed under the MIT License - see the LICENSE file for details.
For support or custom inquiries, please contact the development team at [support@evolvix.com].
Built with ❤️ by the Evolvix Team.