About

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.

What it does

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.

What you can customize

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.

Great for

Portfolio projects and case studies Minimalist product feature tours Testimonials and review sections Team member spotlights Hero sliders on modern agency sites

Share your build

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.

Need help? Questions or feedback?

Reach me anytime: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase,

please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately