{"id":"e4601ac9-f172-4ffd-8162-1e6157ac40f4","shortId":"hvWzKn","kind":"skill","title":"syncfusion-maui-carousel","tagline":"Implements Syncfusion .NET MAUI Carousel (SfCarousel) for navigating through image data or content collections. Use when implementing carousel controls, populating carousel items, or configuring view modes (linear/default). Covers animations, load more functionality, UI virtualiz","description":"# Implementing .NET MAUI Carousel\n\nA comprehensive skill for implementing and customizing the Syncfusion .NET MAUI Carousel (SfCarousel) control. The carousel allows users to navigate through image data or content in an interactive way with various customization options for item arrangements.\n\n## When to Use This Skill\n\nUse this skill when users need to:\n- Implement a carousel/slideshow component for .NET MAUI applications\n- Navigate through collections of images, cards, or custom content\n- Create interactive image galleries or product showcases\n- Display content with linear or default (3D) view arrangements\n- Implement swipe gestures for content navigation\n- Add load more functionality for dynamic content loading\n- Optimize performance with UI virtualization for large datasets\n- Customize carousel animations and transitions\n- Handle carousel selection and swipe events\n\n## Component Overview\n\nThe **SfCarousel** control provides:\n- **Multiple View Modes**: Linear arrangement or Default (3D perspective) layout\n- **Flexible Data Population**: Through data binding or direct item creation\n- **Animation Control**: Customizable transition duration and effects\n- **Load More Support**: Dynamically load additional items on demand\n- **UI Virtualization**: Performance optimization for large item collections\n- **Rich Events**: Selection changed, swipe started/ended, swiping events\n- **Customization**: Item templates, rotation angles, spacing, transformations\n\n## Documentation and Navigation Guide\n\n### Getting Started\n📄 **Read:** [references/getting-started.md](references/getting-started.md)\n- Installation and NuGet package setup\n- Handler registration in MauiProgram.cs\n- Basic carousel implementation with minimal code\n- Adding carousel items (through binding or direct)\n- Setting item dimensions (ItemHeight, ItemWidth)\n- Configuring SelectedIndex to show desired item\n\n### Populating Data\n📄 **Read:** [references/populating-data.md](references/populating-data.md)\n- Data binding with ItemsSource and ItemTemplate\n- Creating models and ViewModels for carousel data\n- Custom DataTemplate for carousel items\n- Using SfCarouselItem with ItemContent property\n- Using ImageName property for simple image carousels\n- ObservableCollection for dynamic data\n\n### View Modes and Layout\n📄 **Read:** [references/view-modes.md](references/view-modes.md)\n- Linear arrangement (ViewMode.Linear) for stacked layout\n- Default arrangement (ViewMode.Default) for 3D perspective\n- Offset property for spacing between unselected items\n- Rotation angle for visual effects\n- ItemSpacing configuration\n\n### Animation\n📄 **Read:** [references/animation.md](references/animation.md)\n- Duration property for transition timing\n- Controlling animation speed (milliseconds)\n- Smooth vs fast transitions\n- Default animation behavior (600ms)\n\n### Advanced Features\n📄 **Read:** [references/advanced-features.md](references/advanced-features.md)\n- Load More functionality (AllowLoadMore, LoadMoreItemsCount)\n- Customizing LoadMoreView appearance\n- UI Virtualization (EnableVirtualization) for performance\n- Transformation effects (rotation, scale)\n- Performance optimization techniques\n\n### Swipe Events\n📄 **Read:** [references/swipe-events.md](references/swipe-events.md)\n- SwipeStarted event handling\n- SwipeEnded event for post-swipe actions\n- Swiping event for during-swipe feedback\n- Custom swipe behavior implementation\n- Event argument properties\n\n### How-To\n📄 **Read:** [references/howto.md](references/howto.md)\n- Performing operations during item changes\n- SelectionChanged event usage\n- Best practices and tips","tags":["syncfusion","maui","carousel","components","skills","agent-skills"],"capabilities":["skill","source-syncfusion","skill-syncfusion-maui-carousel","topic-agent-skills"],"categories":["maui-ui-components-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-carousel","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add syncfusion/maui-ui-components-skills","source_repo":"https://github.com/syncfusion/maui-ui-components-skills","install_from":"skills.sh"}},"qualityScore":"0.476","qualityRationale":"deterministic score 0.48 from registry signals: · indexed on github topic:agent-skills · 53 github stars · SKILL.md body (3,610 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:56:05.706Z","embedding":null,"createdAt":"2026-04-18T22:15:06.197Z","updatedAt":"2026-04-22T00:56:05.706Z","lastSeenAt":"2026-04-22T00:56:05.706Z","tsv":"'3d':121,170,320 '600ms':356 'action':396 'ad':246 'add':130 'addit':195 'advanc':357 'allow':59 'allowloadmor':365 'angl':219,330 'anim':33,148,183,336,346,354 'appear':369 'applic':98 'argument':409 'arrang':78,123,167,311,317 'basic':240 'behavior':355,406 'best':425 'bind':178,250,270 'card':104 'carousel':4,9,22,25,42,54,58,147,152,241,247,280,285,298 'carousel/slideshow':93 'chang':210,421 'code':245 'collect':18,101,206 'compon':94,157 'comprehens':44 'configur':28,258,335 'content':17,67,107,116,128,136 'control':23,56,161,184,345 'cover':32 'creat':108,275 'creation':182 'custom':49,74,106,146,215,282,367,404 'customiz':185 'data':15,65,174,177,265,269,281,302 'dataset':145 'datatempl':283 'default':120,169,316,353 'demand':198 'desir':262 'dimens':255 'direct':180,252 'display':115 'document':222 'durat':187,340 'during-swip':400 'dynam':135,193,301 'effect':189,333,376 'enablevirtu':372 'event':156,208,214,383,388,391,398,408,423 'fast':351 'featur':358 'feedback':403 'flexibl':173 'function':36,133,364 'galleri':111 'gestur':126 'get':226 'guid':225 'handl':151,389 'handler':236 'how-to':411 'imag':14,64,103,110,297 'imagenam':293 'implement':5,21,39,47,91,124,242,407 'instal':231 'interact':70,109 'item':26,77,181,196,205,216,248,254,263,286,328,420 'itemcont':290 'itemheight':256 'itemspac':334 'itemssourc':272 'itemtempl':274 'itemwidth':257 'larg':144,204 'layout':172,306,315 'linear':118,166,310 'linear/default':31 'load':34,131,137,190,194,362 'loadmoreitemscount':366 'loadmoreview':368 'maui':3,8,41,53,97 'mauiprogram.cs':239 'millisecond':348 'minim':244 'mode':30,165,304 'model':276 'multipl':163 'navig':12,62,99,129,224 'need':89 'net':7,40,52,96 'nuget':233 'observablecollect':299 'offset':322 'oper':418 'optim':138,202,380 'option':75 'overview':158 'packag':234 'perform':139,201,374,379,417 'perspect':171,321 'popul':24,175,264 'post':394 'post-swip':393 'practic':426 'product':113 'properti':291,294,323,341,410 'provid':162 'read':228,266,307,337,359,384,414 'references/advanced-features.md':360,361 'references/animation.md':338,339 'references/getting-started.md':229,230 'references/howto.md':415,416 'references/populating-data.md':267,268 'references/swipe-events.md':385,386 'references/view-modes.md':308,309 'registr':237 'rich':207 'rotat':218,329,377 'scale':378 'select':153,209 'selectedindex':259 'selectionchang':422 'set':253 'setup':235 'sfcarousel':10,55,160 'sfcarouselitem':288 'show':261 'showcas':114 'simpl':296 'skill':45,83,86 'skill-syncfusion-maui-carousel' 'smooth':349 'source-syncfusion' 'space':220,325 'speed':347 'stack':314 'start':227 'started/ended':212 'support':192 'swipe':125,155,211,213,382,395,397,402,405 'swipeend':390 'swipestart':387 'syncfus':2,6,51 'syncfusion-maui-carousel':1 'techniqu':381 'templat':217 'time':344 'tip':428 'topic-agent-skills' 'transform':221,375 'transit':150,186,343,352 'ui':37,141,199,370 'unselect':327 'usag':424 'use':19,81,84,287,292 'user':60,88 'various':73 'view':29,122,164,303 'viewmode.default':318 'viewmode.linear':312 'viewmodel':278 'virtual':142,200,371 'virtualiz':38 'visual':332 'vs':350 'way':71","prices":[{"id":"5b57a260-cdff-4a1b-b10b-89d883a59635","listingId":"e4601ac9-f172-4ffd-8162-1e6157ac40f4","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"syncfusion","category":"maui-ui-components-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T22:15:06.197Z"}],"sources":[{"listingId":"e4601ac9-f172-4ffd-8162-1e6157ac40f4","source":"github","sourceId":"syncfusion/maui-ui-components-skills/syncfusion-maui-carousel","sourceUrl":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-carousel","isPrimary":false,"firstSeenAt":"2026-04-18T22:15:06.197Z","lastSeenAt":"2026-04-22T00:56:05.706Z"}],"details":{"listingId":"e4601ac9-f172-4ffd-8162-1e6157ac40f4","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"syncfusion","slug":"syncfusion-maui-carousel","github":{"repo":"syncfusion/maui-ui-components-skills","stars":53,"topics":["agent-skills"],"license":null,"html_url":"https://github.com/syncfusion/maui-ui-components-skills","pushed_at":"2026-04-08T07:27:37Z","description":"Skills for Syncfusion .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 100+ UI controls including DataGrid, Charts, Scheduler, and more.","skill_md_sha":"06603488d3f5a8b5fa359fa27e6b0f2075a7312e","skill_md_path":"skills/syncfusion-maui-carousel/SKILL.md","default_branch":"master","skill_tree_url":"https://github.com/syncfusion/maui-ui-components-skills/tree/master/skills/syncfusion-maui-carousel"},"layout":"multi","source":"github","category":"maui-ui-components-skills","frontmatter":{"name":"syncfusion-maui-carousel","description":"Implements Syncfusion .NET MAUI Carousel (SfCarousel) for navigating through image data or content collections. Use when implementing carousel controls, populating carousel items, or configuring view modes (linear/default). Covers animations, load more functionality, UI virtualization, transformations, and swipe events."},"skills_sh_url":"https://skills.sh/syncfusion/maui-ui-components-skills/syncfusion-maui-carousel"},"updatedAt":"2026-04-22T00:56:05.706Z"}}