Built with: Next.js, React, Tailwind CSS, shadcn/ui
Purpose: A minimalist, personal portfolio and blog template
Features:
Clean, modern design optimized for personal branding
Blog with Markdown support
Responsive layout with Tailwind CSS
Dark mode support
Integration with shadcn/ui components
License: Open source
EO-N is a clean and minimalist personal portfolio and blog template built with Next.js and Tailwind CSS. Designed for developers, freelancers, and creatives, it provides an elegant way to showcase projects, share blog posts, and establish a personal brand online. The template leverages shadcn/ui components for consistent UI patterns and is fully responsive with dark mode support, offering a professional look without unnecessary clutter.
Portfolio Showcase: Sections to highlight projects with descriptions and links.
Blog: Supports writing posts with Markdown and displays them in a clean list format.
Responsive Design: Works seamlessly on desktop, tablet, and mobile devices.
Dark Mode: Toggle between light and dark themes with smooth transitions.
SEO Optimized: Built with Next.js for SEO-friendly static site generation.
Shadcn/ui Components: Uses accessible, reusable UI components for consistent styling.
Contact Section: Simple contact form or call-to-action for inquiries.
Elegant, minimalistic design that focuses on content
Easy to customize and extend using Tailwind CSS and React
Includes blogging capability alongside portfolio features
Fully responsive and supports dark mode out of the box
Built with modern, widely-used technologies ensuring performance and SEO
Limited out-of-the-box customization for non-technical users
Basic blog features; advanced CMS integrations require additional setup
Focused on personal portfolios; may require tweaking for other use cases
Homepage: Introduction with profile, skills, and projects overview
Projects Page: Detailed portfolio entries with images and descriptions
Blog Listing: Posts displayed with excerpts and publication dates
Blog Post: Markdown-based posts with syntax highlighting
Contact Form: Simple form or CTA section for visitors to get in touch
Header & Footer: Responsive navigation and footer with social links
EO-N is open source and free to use under the MIT license.
Next.js: For static site generation and server-side rendering
React: Core UI building library
Tailwind CSS: Utility-first CSS framework for styling
shadcn/ui: Component library for consistent UI
Markdown: Blog content written in Markdown files
Modify the content files for projects and blog posts, and adjust styles using Tailwind CSS utilities.
By default, EO-N uses Markdown files, but it can be extended to work with headless CMS systems.
Yes, built with Next.js static generation and semantic HTML for SEO.
Yes, it’s optimized for deployment on platforms like Vercel or Netlify.
Customizable components built with Tailwind and Shadcn.
Submit your Shadcn product to AllShadcn, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀