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

Add a "block: resume-languages" 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 Languages 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 Languages block?

Yes. It exposes 3 content 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 Languages 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-languages

Profile & resumeFree · MITHugo

Resume Languages block

Language proficiency shown as clean circular progress indicators.

Customize with AI View source

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

v1.0.0Version

3Options

MITLicense

Quick start

Add the Resume Languages 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-languages
  content:
    username: me
    title: Languages
    text: Comfortable in English, French, and Mandarin.

Overview

About the Resume Languages block

Showcase your multilingual capabilities with visual elegance

Highlight your language skills with the Resume Languages block - a visually striking component that uses beautiful circular progress indicators to display language proficiency levels in an immediately understandable, professional format.

✨ Key Features

Circular Progress Bars: Stunning circular indicators that show proficiency at a glance
Percentage Display: Clear numerical representation of language fluency levels
Responsive Layout: Adapts from vertical (mobile) to horizontal (desktop) arrangement
Brand Colors: Progress bars use your primary brand colors for visual consistency
Clean Typography: Professional language name display with generous spacing
Flexible Grid: Accommodates any number of languages with graceful layout adaptation

🎯 Perfect For

International Professionals: Showcase multilingual capabilities for global opportunities
Translators & Interpreters: Professional language service providers
Academic Researchers: Demonstrate language skills for international collaboration
Travel & Tourism: Professionals in hospitality and travel industries
Global Consultants: International business professionals and consultants
Job Seekers: Stand out in competitive markets with language advantages

🚀 Why Choose Resume Languages Block?

Instant Understanding: Circular progress bars communicate proficiency levels immediately

Professional Credibility: Visual representation demonstrates serious commitment to language learning

Global Appeal: Multilingual capabilities signal international readiness and cultural awareness

Modern Presentation: Contemporary design that feels current and engaging

📊 Visual Communication Benefits

Quick Assessment: Employers can instantly gauge your language capabilities
Professional Standards: Percentage-based system aligns with common proficiency frameworks
Visual Impact: Circular progress bars are more engaging than simple text lists
Space Efficient: Compact design accommodates multiple languages without clutter

💡 Proficiency Psychology

Confidence Signaling: Visual progress indicators demonstrate self-awareness and honesty
Competitive Advantage: Language skills differentiate you in global job markets
Cultural Intelligence: Multilingual display signals adaptability and cultural sensitivity
Learning Mindset: Shows commitment to continuous learning and development

🎨 Design Excellence

Mathematical Precision: Accurate circular progress calculations with smooth animations
Brand Integration: Primary colors create cohesive visual identity
Responsive Behavior: Transitions elegantly from vertical to horizontal layouts
Clean Aesthetics: Generous whitespace prevents overwhelming appearance

🌍 Global Market Advantages

Perfect for professionals in increasingly connected global markets where language skills provide significant competitive advantages. Whether you're seeking international opportunities, working with diverse teams, or serving multilingual customers, the Resume Languages block presents your linguistic capabilities with the professionalism they deserve.

Transform your language skills into visual assets that open doors to global opportunities and demonstrate your readiness for international collaboration.

Reference

Configuration

Every option the Resume Languages 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)
`title`	`string`	—	Section title (supports Markdown)
`text`	`string`	—	Section description (supports Markdown)

Frequently asked

Resume Languages block FAQ

Add a "block: resume-languages" 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 Languages block?

Customize with AI View source