Angular 22 Portfolio Template for Personal Websites & CV Landing Pages
Luther is an Angular 22 based portfolio landing page template built with Bootstrap 5.3, SCSS and TypeScript. It comes with 6 home page designs in dark and light mode, ideal for portfolio templates, personal websites, Angular portfolio websites and Angular CV websites.
- Angular 22
- Bootstrap 5.3
- SCSS
- TypeScript
An Angular Portfolio Template for Every Creative Profession
Whether you write code, design interfaces or shoot photos, Luther gives you a polished personal website that showcases your work and brings in new clients.
Developers
Present your skills, experience and side projects in a clean Angular developer portfolio.
Designers
Show case studies, branding work and UI/UX projects in a visual portfolio gallery.
Freelancers
Publish your services, hourly pricing and a hire me section to win more projects.
Photographers
Let large, sharp images lead the page with a gallery that looks great on any screen.
Job Seekers
Turn your resume into an online CV website with experience, education and skill bars.
Students
Build your first professional website and show projects to recruiters and universities.
Consultants
Share your expertise, offerings and testimonials in a trustworthy one-page profile.
Agencies
Reuse the Angular codebase as a starter for client portfolio and personal brand sites.
Light & Dark Portfolio Landing Page Designs
Pick the layout that fits your personal brand. Every design ships in light and dark mode. Use the toggle in the header to switch the previews below.
Classic One-Page Portfolio
Top navigation with a clean hero, perfect for a personal website or Angular CV website.
Sidebar Resume Layout
Fixed sidebar navigation for a focused, resume-style portfolio landing page.
Parallax Layout
Bold hero with project-first sections for designers, developers and freelancers.
Video Layout
Highlights your services and hourly pricing to turn visitors into clients.
Particle One-Page Portfolio
One-page layout with scroll-to-top and smooth section navigation.
Animated Particle Hero
Interactive particle background with a sidebar for a standout first impression.
Two Complete Themes in Every Home Page
Light mode is the default, and visitors can switch to dark mode at any time with the built-in theme switcher. Colors are controlled from a handful of SCSS variables.
Everything You Need for an Angular Portfolio Website
A complete set of sections and developer-friendly code so you can launch your Angular personal website fast.
Built on Angular 22
Modern standalone components, routing and the latest Angular tooling, with no NgModules to manage.
Bootstrap 5.3 Responsive
Mobile-first layouts that look sharp on phones, tablets and desktops.
Light & Dark Mode
Two complete themes with a live switcher available on every home page.
Clean SCSS Architecture
Variables, mixins and theme maps make colors and fonts easy to customize.
Typed with TypeScript
Content lives in typed data files, so editing text and images needs no template changes.
CV & Resume Sections
Experience, education, skills and language progress bars are built in.
Portfolio Gallery
A filterable project grid with full-size image views for your best work.
Services & Pricing
Present what you offer and your hourly rates in ready-made pricing boxes.
Hire Me & Contact
Call-to-action and contact sections convert visitors into clients.
Smooth Animations
Scroll animations, typed text, parallax backgrounds and animated counters add polish.
Scrollspy Navigation
The menu highlights the active section and scrolls smoothly as visitors explore.
Clean, Documented Code
Readable structure and a full documentation guide help you get started quickly.
Ready-Made Sections for a Complete Portfolio Landing Page
Mix, match or remove sections to build the exact portfolio, resume or personal website you need.
Hero
Eye-catching intro with typed headline and social links.
About Me
Personal details, bio and a download CV call-to-action.
Resume
Experience and education timelines in a clear layout.
Skills
Design, coding and language skill progress bars.
Services
Icon boxes that explain what you offer.
Pricing
Hourly rate boxes with included and excluded features.
Portfolio
Project gallery with category filters.
Testimonials
Client quotes in a carousel or card layout.
Portfolio Gallery Built In
Show your best projects in a polished grid. Swap in your own images from a single data file.
Modern Angular, Bootstrap, SCSS & TypeScript
Built on current, well-supported tools so your portfolio stays easy to maintain and extend.
- Angular 22
- Bootstrap 5.3
- SCSS
- TypeScript
- Vitest
- Unicons
- AOS Animations
- Typed.js
- Owl Carousel
- tsParticles
- Jarallax Parallax
Built for developers
Luther follows current Angular conventions, so it feels familiar and is simple to extend with your own features.
- Standalone components and typed interfaces
- Organized SCSS with theme variables and mixins
- Content separated from layout in data files
- Vite-based build for fast local development
Built for visitors
A portfolio should load quickly and feel effortless to browse, on every device and in every lighting condition.
- Responsive layouts for mobile, tablet and desktop
- Light and dark mode to suit any preference
- Smooth scrolling and active menu highlighting
- Clear call-to-action and contact sections
Launch Your Angular Portfolio in 3 Steps
From download to live website in an afternoon.
Install & run
Run npm install and npm start to open the template locally with live reload.
Make it yours
Edit the data files, replace the images and adjust the SCSS colors to match your brand.
Build & publish
Run npm run build and upload the output to any static hosting provider.
Choose the Version That Fits Your Workflow
Luther is available as an Angular 22 project and as a Bootstrap HTML resume template.
| Feature | Angular 22 version | HTML version |
|---|---|---|
| Framework | Angular 22, standalone components | Plain HTML, CSS & JavaScript |
| Styling | Bootstrap 5.3 + SCSS | Bootstrap + CSS |
| Home page designs | 6 light & dark designs | Light & dark designs |
| Content editing | Typed TypeScript data files | Edit the HTML directly |
| Best for | Angular developers and component-based projects | Quick static sites with no build step |
What Customers Say About Luther
Developers, designers and freelancers use Luther to launch their personal websites.
“Great theme, modern and elegant... Also incredible support and kindness!!. Highly recommended”
Looking for the HTML Version?
Luther also comes as a Bootstrap HTML resume template, perfect if you don’t need Angular. Same designs, plain HTML, CSS and JavaScript.
Angular Portfolio Template Questions
Answers to the most common questions about the Luther Angular template.
What is Luther Angular portfolio template?
Luther is an Angular 22 portfolio landing page template built with Bootstrap 5.3, SCSS and TypeScript. It ships with 6 home page designs, each available in dark and light mode.
Can I use Luther as an Angular CV or resume website?
Yes. Luther includes dedicated about, resume, skills, services, portfolio, testimonial and contact sections, so it works as a personal website, Angular CV website or online resume.
Is there an HTML version of Luther?
Yes. Luther is also available as a Bootstrap HTML resume template.
Which Angular and Bootstrap versions does Luther use?
Luther is built on Angular 22 with Bootstrap 5.3, SCSS styling and TypeScript. It uses standalone components, so there are no NgModules.
Does Luther support dark and light mode?
Yes. Every home page design includes both a dark and a light theme with a built-in theme switcher.
Do I need Angular experience to customize Luther?
Basic knowledge helps, but most content such as text, icons, prices and images is stored in typed data files, so you can personalize the template without editing component templates.
Is Luther a good fit for freelancers and designers?
Yes. The portfolio gallery, services, pricing and hire me sections are built for freelancers, designers, developers, photographers and consultants who want to attract clients.
Is the template responsive and mobile friendly?
Yes. Luther uses the Bootstrap 5.3 grid and works on phones, tablets and desktops.
Launch Your Angular Portfolio Website Today
Get Luther and publish a polished personal website, portfolio landing page or Angular CV site in no time.