As an individual, use the Features block to showcase your skills and expertise. As an organization, use the widget to highlight the key features of your product or service.

Showcase personal skills or product features with the Features block.
Showcase personal skills or product features with the Features block.

Choose from a large range of icons to depict your skills or features. You can even use emojis or custom SVG icons.


To add this block to your homepage, copy the below YAML configuration for this block into the existing sections on your homepage at content/_index.md.

Alternatively, to create a new page with this block, copy the full YAML front matter below into a new file such as content/hello.md.

title: My page
type: landing

  - block: features
      title: My Interests
      subtitle: Section subtitle
      text: Section text
        - name: R
          description: 90%
          icon: r-project
          icon_pack: fab
        - name: Statistics
          description: 100%
          icon: chart-line
          icon_pack: fas
        - name: Photography
          description: 10%
          icon: camera-retro
          icon_pack: fas

How can I use an emoji as an icon?

- name: Unicorns
  description: I have a pet unicorn.
  icon: 🦄
  icon_pack: emoji

How can I use a custom icon?

  # Example using an SVG image as an icon.
  # Place a custom SVG icon in an `assets/media/icons/` folder.
  # Reference the SVG icon name (without `.svg` extension) in the `icon` field.
  - name: Surfing
    description: 90%
    icon: my-icon-filename
    icon_pack: custom


Learn how to customize the block design, such as the background, padding, or even applying your own custom styles.