Blocks overview

Every block type: content, social, data and layout blocks.

oomf has blocks for everything on your page. Drag them from the palette, arrange them on the canvas and change their settings in the properties panel.

Content blocks

  • Text: rich text editor with formatting, lists, links and variable text sizes. Press Enter for single line breaks, Shift+Enter for paragraphs.
  • Typewriter (Premium): animated typing that cycles through phrases. Great for highlighting skills or roles.
  • Image: upload photos, logos or GIFs. Supports size adjustment, cropping, rounding and borders. If you have a profile picture set, turn on "Use Profile Picture" to pull your account photo into the block; it updates automatically when you change your picture in Settings.
  • Gallery (Premium): show multiple images in grid, masonry, carousel or slideshow layouts. Perfect for portfolios and photo collections.
  • Music player: audio player with a playlist. Free: 1 track; Premium: 3 tracks.
  • Link button: a clickable button that opens a URL in a new tab. Customize the text and style, and add icons.
  • Badges: show your marks (early tester, Premium, founding member). Each mark needs the matching plan.

Social and engagement

  • Social links: links to X, LinkedIn, GitHub, Instagram and more. Icons match your theme colors automatically.
  • Q&A: let visitors ask you questions from your page. Questions land in your private inbox; you answer and choose which threads to make public. Supports anonymous questions and signed-in users. More about Q&A

Data and metrics

  • Stats: numbers with labels (for example "5+ years experience"). Perfect for highlighting metrics or achievements.
  • Progress bars: skill indicators or completion percentages with your own labels and colors.

Layout and organization

  • Tabs: organize content into tabbed sections. Each tab can hold nested blocks (text, images, lists and more). Great for portfolios or multi-section content.
  • Accordion (dropdown): collapsible Q&A sections or expandable content. Each section supports nested blocks.
  • Spacer: vertical breathing room between blocks, with adjustable height.
  • Divider: a horizontal line to separate sections. Matches your theme colors.

Tip: drag blocks side by side to create rows, then use the row layout controls to adjust column widths (for example a 70/30 split for image and text).