Devfolio

Devfolio is a free multipage Bootstrap 5 HTML5 portfolio website template from BootstrapMade that gives creative professionals a complete canvas to showcase work, skills, and blog content.

What is Devfolio?

Devfolio is a free portfolio template built on Bootstrap 5.3.3 that you download as HTML, CSS, and JavaScript files and edit to create your own multipage site. It produces a responsive portfolio website with a hero header, type text effect, skill bars, parallax sections, testimonial carousel, and a lightbox portfolio gallery. The template is distributed by ThemeWagon and was created by BootstrapMade, with a live preview available on GitHub Pages.

Key Features

• Bootstrap 5.3.3 — Built on the latest Bootstrap version, so the layout is fully responsive across Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
• Multipage structure — Includes 2 HTML files: a portfolio home page and a single blog page, so you can maintain separate sections rather than a one-page scroll.
• Animated sticky navigation with scroll spy — The top nav bar sticks on scroll, highlights the active section, and works with an animated CSS3 preloader on page load.
• Hero header with type text effect — Uses the Typed.js library to rotate multiple text phrases in the hero, creating a typewriter animation.
• Lightbox portfolio gallery — Project images open in a Lightbox2 modal grid, with on-hover effects on the service cards below.
• Skill bars, fun fact counters, and parallax — Animated skill bars, counters, and parallax background sections add visual interest without requiring custom JavaScript.
• Testimonial carousel — Client feedback rotates through an Owl Carousel slider.
• Customization extras — 6 pre-defined color schemes, FontAwesome and Ionicons icon fonts, a contact form with custom JavaScript validation, and a comment form with HTML5 validation.

Who is it for?

• Web designers and front-end developers — present projects in a clean, minimal layout and use the type effect and skill bars to show technical fluency.
• Graphic designers — display visual work in the lightbox gallery and pair it with service cards describing your design offerings.
• Freelancers — launch a professional multipage site with testimonials, a blog, and a contact form to attract clients.

What can you do with Devfolio?

• Personal portfolio: showcase your work in the lightbox grid and write an intro in the hero, with services listed on cards.
• Resume-style site: highlight experience with skill bars, fun fact counters, and a testimonial carousel.
• Creative blog: publish articles using the included blog section and single blog page, with a comment form for reader feedback.

Pricing

Devfolio is free to download from ThemeWagon. It is open source, can be used in commercial projects, and receives lifetime free updates.

Alternatives

Other free portfolio templates on ThemeWagon include MeetMe (a personal portfolio), Ronin (a personal portfolio), and Ethan (a one-page portfolio). Each has a different visual style, but they all target the same use case.

FAQ

Is Devfolio free?

Yes, Devfolio is a free template. You can download it from ThemeWagon and use it in commercial projects without cost.

What Bootstrap version does Devfolio use?

Devfolio is built on Bootstrap 5.3.3, the latest version of Bootstrap 5. It also integrates Animate.css, Owl Carousel, FontAwesome, Ionicons, Lightbox, and Typed.js.

Can I use Devfolio for commercial projects?

Yes, the template is released under an open-source license that permits commercial use, and updates are free for life.

Who created Devfolio?

Devfolio was created by BootstrapMade and is distributed through ThemeWagon. The live preview is hosted at themewagon.github.io/devfolio.

What files are included in the download?

The download includes 2 HTML files, CSS files, JavaScript source files, library and plugin files, and all demo images from the preview.