Skip to content
Webnet Asia
IndexWorkServicesAboutTemplatesLaboratory
Library menu
All componentsPricingTool: video to frames
Headers & navigation 20
Scroll animation 26
Carousels & sliders 12
Charts & graphs 7
Tables 3
Color tools 2
Showcase 17
Text effects 24
Cursor & pointer 15
Backgrounds & fields 18
Image effects 19
Cards & surfaces 20
Numbers & stats 8
Buttons 17
Textures 6
Liquid, glass & waves 8
Interface patterns 5
Sky & clouds 4
Page transitions 22
Hero sections 15
Loaders & intros 11
Forms & inputs 12
Footers & CTAs 10
E-commerce 12Cart DrawerFly to CartQuick AddShop the LookPROColour ConfiguratorPROEngraving PreviewPROProduct GallerySticky Buy BarSize VisualiserBundle BuilderPROGrid/List ToggleCheckout StepperPRO
Overlays & notices 9
Details & delights 10
3D scenes 24
Sections & layouts 13

Library / E-commerce

Quick Add free

A product card whose size picker slides up on hover for one-tap adding.

Customize

Code

import QuickAdd from './QuickAdd';

<QuickAdd />

Checking your access…

Dependencies: none

quick-addcardecommerce
PreviousFly to CartNextShop the Look

More in E-commerce

  • Cart DrawerA slide-in cart with quantity steppers, a free-shipping progress bar and a live subtotal.
  • Fly to CartThe product picture arcs into the cart icon, which bumps and counts up.
  • Shop the LookA styled photo with pulsing hotspots that open product cards.