Featured
Comparison Table
Win the comparison: a side-by-side feature matrix against competitors with your column highlighted and a CTA.
comparisoncompetitorsdifferentiation
18 optionsMIT
Used by NVIDIA9.4K+ stars150K+ sites builtsince 2016
Hugo Website Blocks
31 production-ready, copy-paste page sections — heroes, features, pricing, FAQs and more. Edit in Markdown, deploy free. Browse the catalog below, or build a full site with Hugo Chat AI.
31 blocks9 categories13 with live previewsMIT licensed
31 free, open-source HugoBlox blocks — pre-built Hugo page sections for landing pages, documentation, blogs, and portfolios. Hero sections, feature grids, pricing tables, testimonials, FAQs, and more. MIT licensed; configured in Markdown and YAML.
Block catalog
Featured
FAQ
Answer last-minute objections in a clean accordion — place it before the final CTA where it lifts conversion.
faqquestionshelp
12 optionsMIT
Featured
Features
Show what your product does in a scannable grid of icons, names, and benefit-led descriptions.
featuresgridicons
8 optionsMIT
Featured
Hero
Convert from the first scroll — headline, value prop, dual CTAs, announcement pill, and split-media layouts.
herolandingcta
33 optionsMIT
Featured
Pricing
Pricing tiers with a monthly/yearly toggle, feature checklists, a highlighted plan, and per-tier CTAs.
pricingplanstiers
26 optionsMIT
Featured
Testimonials
Turn happy customers into social proof — quote cards with avatars, names, and roles.
testimonialsreviewssocial-proof
7 optionsMIT
Collection
Query, filter, sort, and paginate any Markdown content — blog posts, publications, projects — into a styled grid or list.
content-collectioncollectionblog
25 optionsMIT
Contact Info
Contact details, address, social links, and an optional form in a clean, modern card layout.
contactinformationaddress
21 optionsMIT
CTA Button List
A vertical stack of call-to-action buttons with icons — ideal for link-in-bio pages and resource lists.
ctabuttonslinks
8 optionsMIT
CTA Card
A high-contrast call-to-action card — bold headline, supporting line, and a button to drive the next step.
ctacardconversion
7 optionsMIT
CTA Image Paragraph
Alternating image-and-text rows with feature bullets and a CTA — tell your story as visitors scroll.
ctaimagefeatures
9 optionsMIT
Dev Hero
A dark-mode, developer-focused hero with gradient effects, social links, and call-to-action buttons.
herodeveloperportfolio
24 optionsMIT
Gallery
An image gallery with grid and masonry layouts, click-to-zoom lightbox, and lazy-loaded placeholders.
galleryphotosimages
13 optionsMIT
Knowledge Categories
A grid of knowledge-base category cards that routes visitors to the right docs fast.
knowledge-basehelp-centercategories
15 optionsMIT
Logos
A social-proof logo row — partners, customers, sponsors — in grid, carousel, or infinite-marquee layouts.
logossocial-proofpartners
12 optionsMIT
Map
An interactive, open-source map (MapLibre + OpenFreeMap, no API key) with an address card and directions CTA.
maplocationaddress
20 optionsMIT
Markdown
Drop in long-form prose with polished typography — the escape hatch for anything the structured blocks don't cover.
markdowncontenttext
2 optionsMIT
Portfolio
Filterable project cards with tag filtering and smooth animations — a portfolio grid for developers and studios.
portfolioprojectsfilter
15 optionsMIT
Research Areas
Showcase focus areas, services, or research themes as rich cards with optional metrics and CTAs.
focus-areastopicsservice-areas
22 optionsMIT
Resume Awards
Awards and certifications in elegant cards, with optional links to the certificates.
resumeawardscertifications
3 optionsMIT
Resume Biography
A profile introduction — avatar, bio, and social links — for a personal site or online CV.
resumebiographyprofile
5 optionsMIT
Resume Biography 3
A horizontal biography layout with banner and avatar, plus integrated education and interests.
resumebiographyprofile
9 optionsMIT
Resume Experience
A chronological timeline of work experience and education for a resume or CV.
resumeexperiencetimeline
2 optionsMIT
Resume Languages
Language proficiency shown as clean circular progress indicators.
resumelanguagesmultilingual
3 optionsMIT
Resume Skills
Technical and professional skills, grouped by category, with optional proficiency bars.
resumeskillstechnical
3 optionsMIT
Search Hero
A hero built around a prominent search box — the front door to docs and knowledge bases.
herosearchknowledge-base
10 optionsMIT
Stats
Make traction tangible with animated metric counters — users, revenue, uptime, GitHub stars.
statisticsnumbersmetrics
7 optionsMIT
Steps
Numbered process steps in vertical, horizontal, or timeline layouts — for 'how it works' and onboarding.
stepsprocesshow-it-works
13 optionsMIT
Team Showcase
Introduce your team, lab, or studio with grouped, filterable member profiles.
teampeoplemembers
10 optionsMIT
Tech Stack
Show the technologies you work with — icons grouped by category, with optional proficiency.
tech-stackskillstechnologies
8 optionsMIT
Trending Questions
Surface the questions people actually ask — popular, trending, or hand-picked — atop your help center.
knowledge-basehelp-centerfaq
16 optionsMIT