Modern personal website template
Personal
A modern dark-themed personal website template with MDX blog support, a uses page, and a clean developer-focused design.
Modern personal website template
A modern dark-themed personal website template with MDX blog support, a uses page, and a clean developer-focused design.
A fully responsive and thoughtfully designed personal website template for developers, designers, and content creators who want a stylish and functional online presence.
It features a blog powered by MDX, giving you the flexibility to write long-form content, embed custom components, and share ideas with clarity. Whether you're publishing technical articles, personal essays, or project updates, the writing experience feels seamless and expressive.
Includes a "Uses" page to showcase your favorite tools, apps, and gear. Share your workflow, document your setup, or simply let others discover what you rely on every day.
The design embraces a dark visual style with clean typography, subtle animations, and a layout that balances personality and professionalism. It's minimal but not bare, opinionated but easy to adapt.
Built with performance and customization in mind, this template is ready to deploy and easy to scale. Ideal for building a personal brand, sharing your work, or maintaining a digital space that truly feels yours.
- Built with Next.js
Built with the Next.js App Router for fast navigation, flexible routing, modern rendering, and reliable production deployment.
- Written in TypeScript
Fully written in TypeScript to make the code easier to understand, safer to change, and simpler to maintain as your product grows.
- Accessible with React Aria
React Aria provides keyboard navigation, focus management, screen-reader support, and accessible interactions throughout the template.
- Designed with Intent UI
Every page uses the same polished components and interaction patterns, giving your product a consistent experience from start to finish.
- Easy to customize
Tailwind CSS and semantic design tokens make it easy to update colors, typography, spacing, layouts, and other visual details.
- Responsive on every screen
Every page, navigation element, and component is designed to work smoothly across mobile, tablet, and desktop devices.
- Clean and organized code
Reusable components, clear file organization, and consistent patterns make the template easy to understand, extend, and maintain.
- Ready for production
Connect it to your content and data, customize it for your brand, and launch without rebuilding the foundation from scratch.
- Powered by MDX
Write rich content with Markdown while embedding React components whenever you need interactive examples, custom layouts, or reusable interface elements.
Frequently asked questions
Ready to build something amazing?
High conversion sections, clean layouts, and consistent UI patterns you can reuse everywhere.