The latest articles on DEV Community by Abdul Hanan (@abdul_hanan_1221). https://dev.to/abdul_hanan_1221 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4045229%2Fc8f6f637-27d1-4ee8-9db6-ada0531af11e.jpg https://dev.to/abdul_hanan_1221 en Abdul Hanan Fri, 24 Jul 2026 09:17:31 +0000 https://dev.to/abdul_hanan_1221/how-i-built-a-glassmorphism-portfolio-template-for-video-editors-nextjs-5gdj https://dev.to/abdul_hanan_1221/how-i-built-a-glassmorphism-portfolio-template-for-video-editors-nextjs-5gdj <p>I recently built and launched a portfolio template specifically for<br> video editors and motion designers — most existing templates are<br> either too generic or don't support video-heavy portfolios well.</p> <p>Tech stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, Resend<br> for email.</p> <p>Key features:</p> <ul> <li>Glassmorphism "Midnight Liquid Glass" design system</li> <li>YouTube + Google Drive video embed support</li> <li>One config file for full rebranding</li> <li>Working contact form with auto-confirmation emails</li> </ul> <p>Live demo: <a href="https://video-editor-portfolio-template-tau.vercel.app/" rel="noopener noreferrer">https://video-editor-portfolio-template-tau.vercel.app/</a></p> <p>If you're curious about the implementation or want to grab it for your<br> own portfolio, it's available here:<br> <a href="https://abdulhanan01.gumroad.com/l/video-editor-portfolio" rel="noopener noreferrer">https://abdulhanan01.gumroad.com/l/video-editor-portfolio</a></p> <p>Happy to answer any technical questions in the comments!</p> webdev portfolio videoeditorportfolio portfoliowebsite