Linefolio - Creative Portfolio & Studio Next.js Template

Documentation:

• Linefolio Documentation

All Features

• Attractive Hero Sections
• Theme Section Variants & Flexibility
• GSAP – Animations While Scrolling
• Real Showcase
• Modern & Sleek Design
• Next.js 16 – Tailwind 4 – Typescript 5 – React.js 19
• +14 Home Section variants
• +3 Clients/Testimonials variants
• 10 Projects Section variants
• cinematic
• cinematic-2
• cinematic-sticky
• masonry
• float
• list-cards
• cards
• stacked-cards
• list
• side-cards
• 3 Services Section variants
• horizontal
• list-1
• list-2
• +3 Contact Section variants
• Smooth Scrolling
• true (toggled on)
• false (toggled off)
• Custom Cursor
• true (toggled on)
• false (toggled off)
• Dark & Light mode
• true (dark)
• false (light)
• Parallax
• Visual hierarchy
• Bold Typography
• Perfect For Developers/Designers/UI&UX
• High Performance Both In Desktop & Mobile
• High Contrast
• Constantly & Free Updates
• 100% SEO
• Open To Suggestions
• Quick and free of stuffing
• Harmony
• Dynamic design
• Easy Customization
• No Jquery dependency
• Well Coded & Clean Script without any errors
• Well Documented with deployment guide
• Structured Folders
• Straightforward
• Modern design & UI/UX
• Fully Responsive
• Contact Form Working
• Scalable Design System
• Lines Background
• Production Ready
• Css variables for Customization
• validation

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
• Easy Configration
• Easy to deploy the theme to vercel (free)
• Modern and Compatible with Tailwind css, Typescript, React

Files included:

• Typescript files: .ts, .tsx
• Placeholder images: .png, .jpg, .webp
• svg: .svg
• 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:

• gsap
• lucide-react
• fortawesome
• shadcn-ui
• zod
• react-hook-form
• 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.

Notes:

• this template not wordpress theme
• when you check the responsive design refresh the page
• images used in demo preview only
• theme variants panel in demo preview only, in downloadable theme folder you can change theme variant in /src/data/config.ts
• refresh the page when you inspect or checking the Responsive design

Help:

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

Reviews & future enhancements (important):

Your review is highly appreciated and helps improve future updates and enhancements, Both positive and negative reviews encourage me to keep improving and refining the product.

Change Log

• v1.0 (3/1/2026)
  - initial release
          

Credits:

• Free fonts google fonts
• Free icons from lucide react
• Free icons from fontawesome
• Free 3D service icons images from 3dicons
• arrow svg from & tool icons svgrepo
• hero & about image from unsplash