- Templates
- Notion-like Portfolio
Notion-like Portfolio
A clean and modern portfolio template built with Next.js, featuring MDX-powered blogs, projects showcase, skills section, and an interactive contact form. Includes subtle Framer Motion animations and dark mode support.
PortfolioMDX BlogProjectsSkillsContactAnimations
- Category
- Portfolios
- Price
- Free
Get the templateFree
Live Preview Download CodeIncludes source files and assets. Licensed for personal and commercial use.
Screenshots






Features
MDX Blog Support
- Write blogs using MDX with frontmatter metadata.
- Code syntax highlighting and markdown styling.
- SEO optimized blog pages.
Projects Showcase
- Showcase your projects with images, live demo links, and GitHub code.
- Supports project details in MDX format.
- Filter and categorize projects easily.
Skills & Tech Stack
- Highlight your skills with animated badges.
- Icons mapped to technologies automatically.
- Easily editable via JSON/MDX.
Responsive & Accessible
- Mobile-first responsive design with Tailwind CSS.
- Dark mode with next-themes integration.
- ARIA-compliant for accessibility.
Interactive Contact Form
- Animated form with validation and error handling.
- Easily connect with Formspree, Resend, or custom API.
- Framer Motion micro-interactions.
Well-Documented
- Step-by-step setup guide included.
- Clean and modular file structure.
- Ready for deployment on Vercel.
Tech Stack

Next.js

React

TypeScript

Tailwind CSS

Framer Motion

MDX
Build your next big idea with us
From lightning-fast landing pages to fully functional SaaS products, we turn your vision into reality. Book a call today and let's make something extraordinary.
“They transformed our idea into a fully functional product in record time. Couldn't be happier!”
Alex Chen
Founder, StartupX
“The team's attention to detail and design expertise set our product apart in the market.”
Sarah Kim
CTO, Innovate Inc