> ## Documentation Index
> Fetch the complete documentation index at: https://docs.love.rip/llms.txt
> Use this file to discover all available pages before exploring further.

# Section Builder

> Add extra sections below your profile: About Me, Projects, Games, Gallery and more.

Sections are full blocks that visitors scroll to below your profile. You can add up to 12.

**Where to find it:** Customize → **Section Builder**, or [love.rip/dashboard/profile/section-builder](https://www.love.rip/dashboard/profile/section-builder).

<Frame caption="The Section Builder">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-34.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=9b48c56255da96947f7cd3fdbdb18480" alt="Image 34" title="Image 34" width="1898" height="913" data-path="images/image-34.png" />
</Frame>

## Section types

| Section | What it shows |
| - | - |
| **About Me** | Rich text plus skills and widgets |
| **Projects** | Your projects in a paged grid (up to 12) |
| **Custom Text** | A standalone block of text. You can add more than one |
| **Movies & Series** | A cover-art grid. Search TMDB to add titles (up to 12) |
| **Music** | The songs you listen to, in a cover-art grid |
| **Gallery** | Images and videos (up to 12) in Half, Full or Large sizes |
| **Games** | A cover-art grid. Search to add games (up to 12) |
| **Anime** | A cover-art grid. Search AniList to add shows (up to 12) |
| **Setup** | Your GPU, monitor and the rest of your desk as linked cards |

Each type except Custom Text can be added once.

<Frame caption="Adding a new section">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-36.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=8db7b3a3c724e830f66512f4796441b5" alt="Image 36" title="Image 36" width="609" height="508" data-path="images/image-36.png" />
</Frame>

## About Me

Give it a title (up to 100 characters), a description (up to 200) and a body (up to 1,024 characters and 15 lines). Add up to 10 skills and place widgets inside it, sized Full row, Half row, Full row (centered), Tall half width or Tall full width.

<Frame caption="Editing the About Me section">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/www.love.rip_dashboard_profile_section-builder_f69ac1fe-5a6c-45f4-8fcb-aa04a404db90.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=2405895d94ba773d4437180f75e661a1" alt="Www Love Rip Dashboard Profile Section Builder F69ac1fe 5a6c 45f4 8fcb Aa04a404db90" title="Www Love Rip Dashboard Profile Section Builder F69ac1fe 5a6c 45f4 8fcb Aa04a404db90" width="2756" height="1684" data-path="images/www.love.rip_dashboard_profile_section-builder_f69ac1fe-5a6c-45f4-8fcb-aa04a404db90.png" />
</Frame>

## Section look

Each section can have its own container color, border and alignment (Left, Center or Right).

### Border effects <Badge color="purple">Premium</Badge>

Add a moving border effect to a section.

## Scrolling and navigation

Choose how sections sit on the page:

* **Compact:** sections sit closer together, using your spacing settings.
* **Normal:** full-screen distance, no snapping.
* **Snap:** each section fills the screen and snaps into place.

You can also turn on scroll animations, set the spacing, pick title and description colors, show a navigator (**Lines**, **Dots** or **Icons**), show a "Scroll for more" hint with your own text, and turn on auto-scroll.

<Frame caption="Section layout and navigator settings">
  <img src="https://mintcdn.com/love-rip/lWOttRo6BGNcvgSp/images/image-37.png?fit=max&auto=format&n=lWOttRo6BGNcvgSp&q=85&s=fc2167c2710ab766d49dfb81c60e169b" alt="Image 37" title="Image 37" width="1607" height="909" data-path="images/image-37.png" />
</Frame>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.