---
title: "Aisol Services Wall — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Aisol Studio · Sections. Aisol Services Wall is a services section that runs on your CMS collection, not on a copy of your content."
canonical: "https://framer.elliotli.dev/component/aisol-services-wall"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Aisol Services Wall

# Aisol Services Wall

Services section on your CMS

[View on Framer](https://framer.com/marketplace/components/aisol-services-wall/?via=elliot-li)

![Aisol Services Wall preview image 1](https://framer.elliotli.dev/og/component/aisol-services-wall/b967dfffaf39a847/1600x1200.jpg)

## Summary

Aisol Services Wall is a services section that runs on your CMS collection, not on a copy of your content.

## Description

Aisol Services Wall is a services section that runs on your CMS collection, not on a copy of your content.

Every item is reachable by keyboard and announced properly by a screen reader — nothing is hidden behind hover.

Motion respects prefers-reduced-motion, and the Framer canvas renders exactly what the published page renders.

\- Three layouts in one component. Split (media and text alternating sides), cards, or compact rows. Switching is a control, not a different component.

\- Reveal without measuring. Items appear as they enter the viewport using an observer on this component's own items — no scroll listeners, no element measuring, nothing read from the page around it.

\- Reduced motion means no observer at all. Visitors who ask for less motion get the plain section immediately, with none of the machinery running.

\- No image? Still finished. An item falls back to an emoji icon, then to a numbered badge — no empty grey panels while you wait for artwork.

\- Bullets, a small label, a link per item, and a heading level you choose. Media ratio is CSS aspect-ratio, so nothing jumps as images load.

\- Columns step down on their own: three, two, one. The breakpoints live in CSS inside the component, so the canvas matches the live page.

What you control

• Layout: split (media and text alternating), cards, or compact rows; columns 1–4 with two step-down breakpoints

• Media ratio, reveal on scroll or off, title level, label and bullets on or off

• Per service: title, blurb, label, icon, image and alt text, bullets, link and link text

• Service cards slots — bind a CMS collection, slot 1 replaces service 1

• Gap, radius, text size, padding; accent, text, muted, media fill and border colours; empty-state text

More components at Aisol Studio → https://thistle-timing-694660.framer.app/

## Rank history [How rankings work →](/terms#rankings)

-   All · #9030

## Details

- **Author**: Aisol Studio
- **Price**: $10.00
- **Published**: 2026-09-03
- **Updated**: 2026-10-03
- **Added**: 2026-09-03
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove