Creavolio | Next.js Personal Portfolio Template

Documentation:

• Creavolio Documentation

All Features

• Attractive Hero Section
• Real Showcase
• Modern Design
• Smooth Scrolling
• Calm Animations
• Colorized & Gradient Colors: 12 tailwind colors
• Creative Cursor
• Creative Navbar
• Creative Projects Showcase
• Perfect For Software Developers
• Smooth Scrolling (toggled on or off)
• Creative Cursor (toggled on or off)
• 3 Portfolio Section variants (cards, stacked-cards, side-cards)
• 2 About Section variants (default, cards)
• 3 Home background variants (hex, squares, no)
• Parallax
• Daynamic Text Size
• Dark & Light mode
• Quick and free of stuffing
• Easy Customization
• No Jquery dependency
• Well Coded & Clean Script without any errors
• Well Documented with deployment
• Structured Folders
• Straightforward
• Modern design & UI/UX
• Fully Responsive
• Css vars for Customization
• High Performance Both In Desktop & Mobile
• Good Accessibility
• Good SEO

Why Next.js?

While setting up a Next.js app requires Node.js and some terminal commands:

• it provides a very simple way to modify and manage portfolio content
• Structured Folder
• Image Optimization
• Server-Side Rendering giving faster load times and better SEO

Files included:

• Typescript files: .ts, .tsx
• Placeholder images: .png, .jpg
• PDF CV file: .pdf
• Environment Variables: file .env
• 2 CSS files: .css

How To Edit:

• public/images folder to add images
• src/data folder to add sections data files
• .env file to add contact form data

Technologies:

• next.js
• typescript
• tailwind css

Libraries:

• lucide-react
• fortawesome
• shadcn-ui
• zod
• react-hook-form
• hookform
• clsx
• tailwind-merge
• motion/react

Edit Template:

• You need to have text editor program installed on your system. Just open files in code writer and edit them easily.

Note:

• this template not wordpress theme
• images used in demo preview only

Help:

• If you have any problems or confusion, questions or ideas, Please Contact Me anytime.

Change Log

• v4.1 (8/29/2025):
  - add gsap animations: fill text & parallax.
  - update the contact & portfolio section design.
  - reorder sections
  

• v4 (8/3/2025):
  - update the documentation.
  - update the design.

• v3.2 (7/17/2025):
  - update the documentation.
  - update the portfolio card to improve UI/UX and change paragraph font size.
  - modify next.config.ts to prevent annoying deployment errors.

• v3.1 (7/11/2025):
  - add deployment to Vercel section in documentation
  - change portfolio section layout to 2 project columns

• v3.0 (7/3/2025):
  - update the design
  - update to latest Next.js v15.3.4

• v2.0: (6/15/2025) - Resolved all dependency-related issues

• v1.0 (3/30/2025) - initial release

Credits:

• Free fonts google fonts
• Free icons from lucide react
• Free icons from fontawesome
• images from unsplash
• images from freepik