Proxima - Creative Portfolio Template
1920 × 1080
1 of 8
Screenshots
1 of 8 1920 × 1080
2 of 8 1920 × 1090
3 of 8 1920 × 1089
4 of 8 1920 × 1101
5 of 8 1920 × 1089
6 of 8 1920 × 1101
7 of 8 1920 × 1089
8 of 8 1920 × 1102

Proxima - Creative Portfolio Template ✨

Proxima is a sharp, editorial portfolio template for designers, developers, studios, creative directors, and makers who want a site that feels less like a generic landing page and more like a crafted digital identity.

It pairs a dramatic dark/light sectioned interface with refined motion, project storytelling, skill visualization, testimonials, contact UI, and two production-ready codebases: a modern Next.js version and a lightweight Vanilla JavaScript version.

Proxima gives you the same visual system in two modes. Use the Next.js edition when you want React components, App Router structure, optimized fonts, and a scalable developer workflow. Use the Vanilla JS edition when you want a tiny, dependency-light static site that is easy to host anywhere.

🚀 Demo

⭐ What Makes It Different

  • Dual implementation included — ships with both `nextjs/app` and `vanillajs/app`
  • Unusual dual-mode UI feel: a fixed editorial rail, immersive main canvas, interactive hero, rich project cards, modal case studies, sliders, counters, reveals, and a polished contact section
  • Small and performant: intentionally lean dependencies, static-first pages, local data files, optimized assets, and no heavy animation framework
  • Portfolio-first structure: every section is built for real creative work: hero, about, services/skills, selected projects, career timeline, testimonials, and contact
  • Premium visual direction: bold typography, precise borders, restrained color system, atmospheric motion, and high-contrast composition
  • Easy content editing: update projects, career history, skills, voices, copy, and images from clear data files or plain HTML/JS modules
  • Responsive by design: built for desktop and mobile

📦 Included Versions

  • HTML + CSS + Vanilla JavaScript
  • Next.js
  • Angular (Planned)

🛠️ Tech Stack

1. VanillaJS

Perfect for static hosting, lightweight client projects, developers who prefer to avoid React dependencies, and anyone looking for fast edits using familiar HTML, CSS, and JavaScript workflows.

  • Handlebar Templating
  • Modern CSS with custom properties, `color-mix()`, native nesting, etc.
  • Vanilla JavaScript modules
  • Vite

2. Next.js

Ideal for developers who prefer component-based React architecture, seamless Vercel deployment, scalable portfolio sites that can evolve into richer applications, and modern TypeScript-driven workflows.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4

🌟 Feature Highlights

  • Editorial hero with animated word rotation, counters, and solar-system-inspired motion
  • Sticky navigation with scroll progress
  • About section with profile image, bio, services, and skill groups
  • Featured project slider with rich project cards
  • Project modal with image carousel and metrics
  • In-house optimized slider and modal components with no third-party scripts
  • Skills section with radar-style visualization
  • Career/timeline section
  • Testimonial/voice slider
  • Contact form UI with validation
  • Preloader and scroll reveal effects
  • SEO/social metadata setup in the Next.js version
  • Optimized for higher Web Vitals scores with lean scripts, static-first rendering, cached assets, and performance-conscious image/font loading

⚡ Performance Notes

Proxima is deliberately built without a bulky UI kit or heavy animation dependency. The template keeps its interactive layer focused: native scrolling, CSS-driven layout, small JavaScript modules, framework-native image/font handling where appropriate, and static data that is easy to cache and deploy.

The result is a portfolio that feels expressive without becoming bloated.

Find more items like this