How do I add the Resume Experience block to a Hugo site?

Add a "block: resume-experience" entry to the sections list in your page's front matter, then fill in the content fields. HugoBlox renders it automatically — copy the example config above as a starting point.

Is the Resume Experience block free to use?

Yes. Every HugoBlox block is free and open-source under the MIT license — use it in personal and commercial projects, with no attribution required.

Can I customize the Resume Experience block?

Yes. It exposes 2 content options, plus 2 design options, and inherits the shared block settings for background, spacing, and colors. You can also describe the changes you want to Hugo Chat AI and it will edit the config for you.

Does the Resume Experience block work with any Hugo theme?

The block ships in the open-source HugoBlox kit. Add the kit to any Hugo site and the block becomes available in your page sections — there is no theme lock-in.

hugoblox.com/blocks/resume-experience

Profile & resumeFree · MITHugo

Resume Experience block

A chronological timeline of work experience and education for a resume or CV.

Customize with AI View source

Add it to any Hugo page's sections list — no build step.

v1.0.0Version

2Options

MITLicense

Quick start

Add the Resume Experience block

Drop this into your page's front matter, under the sections list. Edit the values, and HugoBlox renders the block — no build step.

Add to your page's sections

- block: resume-experience
  content:
    username: me
    text: Highlights from my recent roles and education.
  design:
    date_format: January 2006
    is_education_first: false

Overview

About the Resume Experience block

Tell your professional journey with timeline elegance

Present your career progression and educational background with the Resume Experience block - a sophisticated timeline component that showcases your professional journey in a visually compelling, chronologically organized format.

✨ Key Features

Dual Timeline: Separate sections for work experience and education
Visual Timeline: Beautiful vertical timeline with connection lines and icons
Date Flexibility: Customizable date formatting with "Present" support for current roles
Rich Content: Markdown support for detailed position descriptions
Download Links: Optional buttons for certificates, portfolios, or additional resources
Responsive Design: Timeline adapts perfectly from desktop to mobile
Order Control: Option to display education before experience

🎯 Perfect For

Job Seekers: Comprehensive career history for potential employers
Career Professionals: Showcase progression and diverse experience
Academic Professionals: Combined academic and professional timeline
Consultants: Demonstrate expertise across various roles and industries
Freelancers: Highlight diverse project experience and education
Recent Graduates: Emphasize education with growing professional experience

🚀 Why Choose Resume Experience Block?

Visual Storytelling: Timeline format makes career progression easy to follow and understand

Professional Standard: Meets modern resume and CV expectations with comprehensive detail

Flexible Organization: Control whether education or experience appears first based on your background

Rich Detail Support: Markdown formatting allows for detailed role descriptions and achievements

📊 Career Presentation Benefits

Clear Progression: Visual timeline shows career growth and development
Comprehensive View: Both work and education in one cohesive presentation
Easy Scanning: Timeline format allows quick review of career highlights
Professional Polish: Clean, modern design that makes great first impressions

💡 Timeline Psychology

Sequential Understanding: Chronological order helps viewers understand your journey
Achievement Focus: Timeline format naturally highlights career milestones
Story Narrative: Creates compelling career story that engages viewers
Future Projection: Shows trajectory that helps employers envision your potential

🎨 Visual Excellence

Beautiful Icons: Work and education icons that immediately communicate section type
Color Coordination: Primary brand colors create cohesive, professional appearance
Typography Hierarchy: Clear information structure from position titles to descriptions
Responsive Timeline: Maintains visual appeal across all screen sizes

💼 Strategic Advantages

Comprehensive Coverage: One block covers your entire professional and educational background
Flexible Emphasis: Choose whether to lead with education or experience based on your strengths
Detail Control: Include as much or as little detail as appropriate for your audience
Modern Format: Timeline presentation feels current and engaging

Perfect for professionals at any career stage who want to present their experience and education in a format that's both comprehensive and visually engaging. Your career journey deserves professional presentation that opens doors to new opportunities.

Reference

Configuration

Every option the Resume Experience block accepts, generated from its schema.

Content options

Properties set under the block's content key.

Property	Type	Default	Description
`username`	`string`	me	Author username (references data/authors/{username}.yaml)
`text`	`string`	—	Optional lead-in copy above the timelines

Design options

Properties set under the block's design key — shared background, spacing, and color settings apply on top.

Property	Type	Default	Description
`date_format`	`string`	Jan 2006	Date format for experience and education entries (Go time layout)
`is_education_first`	`boolean`	false	Show education timeline before experience

Compose

Works well with

Blocks that pair naturally with Resume Experience on the same page.

Resume Awards Resume Biography Resume Skills

Frequently asked

Resume Experience block FAQ

Add a "block: resume-experience" entry to the sections list in your page's front matter, then fill in the content fields. HugoBlox renders it automatically — copy the example config above as a starting point.

Ready to build with the Resume Experience block?

Customize with AI View source