Building a clean online portfolio with modern JavaScript frameworks often requires setting up dark mode states, layout switching, and responsive navigation from scratch. Dennis provides a pre-built static front-end solution engineered on Nuxt v3.x, Vue v3.x, and Tailwind CSS v3.3.2.
This front-end template is best for software engineers, digital creators, UI/UX designers, and freelancers seeking a fast-loading, responsive site. It includes 5 homepage layouts, dark and light modes, and native RTL support out of the box. It is not suited for users looking for a WordPress theme or a drag-and-drop page builder without basic web development knowledge.
Technical Specifications
| Parameter | Details |
|---|---|
| Framework Stack | Nuxt v3.x, Vue v3.x |
| Styling Framework | Tailwind CSS v3.3.2 |
| Homepage Variations | 5 Demo Layouts |
| Color Modes | Light & Dark Themes |
| Text Direction | LTR & RTL Supported |
| Icon Packages | Feather Icons & Material Design Icons |
| Display Features | Retina Supported, Video Modal |
| Typography | Google Web Fonts Integration |
Key Development Features
- Modern Framework Stack: Built on Nuxt v3.x and Vue v3.x, offering optimized server-side rendering and static site generation options.
- Utility-First Styling: Powered by Tailwind CSS v3.3.2 for straightforward style modifications without writing verbose custom CSS.
- Comprehensive Layout Options: Features 5 structured home demo layouts tailored for personal branding and project showcases.
- Theme & Direction Flexibility: Built-in toggle support for Light and Dark modes along with LTR and RTL text direction in both display modes.
- Lightweight Iconography: Pre-integrated with Feather Icons and Material Design Icons to maintain clean visuals with low performance overhead.
- Developer-Friendly Codebase: Contains well-commented code structures and clear documentation to streamline deployment and custom routing.
Frequently Asked Questions
Is Dennis a WordPress theme?
No, Dennis is a static front-end template built on Vue v3.x and Nuxt v3.x. It requires basic knowledge of JavaScript and front-end development tools to edit and host, as it does not operate on a traditional CMS like WordPress.
How is RTL and Dark Mode configured in this template?
Dark mode and RTL (Right-to-Left) text directions are built directly into the Tailwind CSS configuration and Vue components. You can toggle these states within the global layout settings or user controls.
What icon sets are integrated into Dennis?
The template includes both Feather Icons and Material Design Icons out of the box, allowing you to use vector icons across your portfolio items and navigation elements without extra dependencies.





