Overview

CarouselBloc turns any SharePoint list into a polished hero banner carousel. Choose from seven transition effects — slide, fade, cube, coverflow, flip, cards, and creative — and layer rich text overlays with precise positioning on top of each slide.

Audience targeting lets you show different banners to different groups based on AD group membership or user profile properties. The Ken Burns effect adds cinematic pan-and-zoom motion to static images, making every banner feel alive.

Under the hood, CarouselBloc uses a 3-layer caching strategy for fast loads, a built-in diagnostics panel for troubleshooting, and dynamic filter rules to control which slides appear based on date ranges, metadata, or user context.

In action

See transitions in motion

The carousel cycles through slides using your chosen effect — slide, fade, cube, coverflow, flip, cards, or creative. Each transition is GPU-accelerated for smooth animation.

CarouselBloc cycling through cube and coverflow transition effects

Configure effects and overlays

Admins pick a transition effect, set autoplay speed, position text overlays, and define audience targeting rules — all in the property pane.

CarouselBloc property pane showing transition effect picker and overlay positioning

Target banners by audience

Show different slides to different AD groups. Marketing sees campaign banners, IT sees maintenance notices, executives see board updates — from one web part instance.

CarouselBloc audience targeting configuration with AD group rules

Key features

🎬

7 transition effects

Slide, fade, cube, coverflow, flip, cards, and creative — each powered by Swiper.js for smooth, GPU-accelerated animation.

📝

Rich text overlays

Layer formatted text, buttons, and links on top of each banner image with configurable positioning.

🎯

Audience targeting

Show different slides to different users based on AD group membership or user profile properties.

📷

Ken Burns effect

Cinematic pan-and-zoom animation on static images. Makes every banner feel dynamic without video.

⏱

Progress bar & navigation

Configurable progress indicator, arrow buttons, and pagination dots. Full autoplay control with pause-on-hover.

🔍

Dynamic filter rules

Control which slides appear based on date ranges, metadata columns, or user context — no code required.

🛠

Diagnostics panel

Built-in troubleshooting view shows cache state, targeting matches, and filter results for each slide.

⚡

3-layer caching

Session, local, and in-memory caching for near-instant loads. Configurable TTL per cache layer.

What people are saying

We built CarouselBloc because our internal comms team was asking for hero banners that could target different audiences — and the OOTB Hero web part couldn't do it. Now they manage 30+ banners from a single list and each department sees what's relevant to them.

Vitaly Franko

Founder, Vitendy

We replaced three separate banner solutions with CarouselBloc. The Ken Burns effect made our intranet homepage look like it had a design team behind it, and the diagnostics panel saved our IT support hours of troubleshooting targeting issues.

Maria Andersen

Digital Workplace Lead, NordicTech Solutions

Frequently asked questions

What does CarouselBloc do?

CarouselBloc displays a rotating hero banner carousel on any SharePoint modern page. Slides are managed in a SharePoint list and rendered with configurable transition effects, text overlays, and audience targeting.

How does deployment work?

CarouselBloc ships as a .sppkg package. Upload it to your tenant app catalog, approve the Sites.Read.All permission, and add the web part to any modern page. Point it at a SharePoint list containing your slide data.

What permissions are required?

Sites.Read.All is required to read slide data from SharePoint lists. No additional Graph permissions are needed unless audience targeting uses AD group membership.

What can I configure?

Transition effect, autoplay speed, Ken Burns toggle, overlay positioning, navigation style (arrows, dots, progress bar), audience targeting rules, filter expressions, and cache TTL. All through the property pane — no code needed.

How does it compare to the built-in Hero web part?

The OOTB Hero web part is static — no autoplay, no transitions, no audience targeting, and limited layout options. CarouselBloc adds 7 animation effects, list-driven content management, audience targeting, and a fully customizable presentation layer.

CarouselBloc — hero banners that move.

Ready to try CarouselBloc?