Ragab Mabrouk Portfolio
Ragab Mabrouk
Design & development, 2026
This website: a fast, accessible portfolio with light and dark themes, six colour palettes, a project viewer and a working contact form.
Built with Next.js and TypeScript, styled with Tailwind CSS and animated with Motion. Every animation respects the reduced-motion setting.
Light and dark themes follow the system by default and are remembered without a flash on load. Six colour palettes recolour the whole site.
The contact form sends email through Resend, with spam protection and rate limiting. It is deployed on Vercel at ragabmabrouk.com.
- Next.js
- TypeScript
- Tailwind CSS
- Motion
- Vercel
