Add to Cart Button
A sleek, animated Add to Cart button featuring a filling basket icon with a sliding badge, smooth transitions, and fully customizable colors, sizes, and animations.
About this Component
Dual Icon Animation Seamlessly transitions between an outlined and filled basket icon for a dynamic “add” effect.
Sliding Badge Indicator: A vivid green badge with product count slides in smoothly, adding contrast and visibility.
Boundary Line Animation: Subtle motion around the button edge enhances interactivity and depth.
Modern Aesthetic: Sleek black background with crisp white text delivers a clean, tech-inspired look.
Fully Customizable: Adjust colors, icon styles, animation speed, and layout to match any shop design.
Perfect for Product Pages: Ideal for ecommerce and product detail sections where engaging CTAs matter most.
