# Price Slider components

> Adjust pricing easily using 7 interactive price slider components for React, built with Tailwind CSS for modern e-commerce UIs.

17 components available. Showing all of them below.

- [Slider](https://21st.dev/@originui/components/slider/price-slider-with-min-max.md) — by Origin UI
- [Slider](https://21st.dev/@originui/components/slider/price-slider.md) — by Origin UI
- [PricingSlider Loops](https://21st.dev/@radu/components/pricing-slider-loops.md) — by Radu Popescu
- [Range Slider](https://21st.dev/@ravikatiyar162/components/range-slider.md) — by Ravi Katiyar
- [Usage Slider Plan Selector](https://21st.dev/@felipemenezes098/components/select-a-plan-4.md) — by felipemenezes098
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/pricing-calendar.md) — by Origin UI
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-five.md) — by brijr
- [Pricing Section](https://21st.dev/@brijr/components/pricing-section/pricing-four.md) — by brijr
- [Product Card](https://21st.dev/@ravikatiyar162/components/product-card-2.md) — by Ravi Katiyar
- [Calendar](https://21st.dev/@anubra266/components/calendar-1/pricing-calendar.md) — by Abraham
- [Card](https://21st.dev/@lavikatiyar/components/card-3.md) — by Lavi Katiyar
- [Card](https://21st.dev/@avanishverma4/components/card.md) — by Awanish Verma
- [Pricing](https://21st.dev/@lavikatiyar/components/pricing.md) — by Lavi Katiyar
- [Slider](https://21st.dev/@jshguo/components/interfaces-slider/range.md) — by jshguo
- [Field](https://21st.dev/@shadcn/components/field-1/slider.md) — by shadcn
- [HeroUI Slider](https://21st.dev/@hero_ui/components/heroui-slider/range.md) — by Hero Ui
- [Reshaped Slider](https://21st.dev/@reshaped/components/reshaped-slider/form-control.md) — by reshaped

Full component directory: https://21st.dev/llms.txt