PillSlider brings a sleek, modern touch to your Framer projects with a highly customizable, capsule shaped slider. Perfect for clean portfolios, minimal landing pages, or dynamic presentation sections, it lets you display content beautifully while fitting right into your existing design system. Switch between landscape or portrait formats, add interactive links, and customize every tiny details from corner radius to borders.
It renders a smooth, responsive content carousel shaped exactly like a capsule or rounded card. The component handles layout shifts between landscape and portrait, lets you toggle navigation arrows or dots, and features built in labels with custom typography. It also includes an optional visual progress bar to give visitors a clear indicator of where they are in the loop.
Layout and behavior: Choose the total number of items, toggle clickable links on or off, and swap between horizontal landscape or vertical portrait orientations.
Card styling: Set custom background colors, adjust border widths and colors, and tweak the corner radius up to 115px for that ultra rounded pill look.
Navigation and trackers: Show or hide navigation, select arrow or dot styles, change nav colors, and add an optional progress bar indicator.
Typography and labels: Show or hide slide labels, customize the label background and text colors, and choose your preferred font family.
Portfolio projects and case studies
Minimalist product feature tours
Testimonials and review sections
Team member spotlights
Hero sliders on modern agency sites
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
