Coupon Components

Dev Design Library indexes 8 coupon components from 4 open-source UI libraries, with the most coming from ReactFrame, uselayouts, Spectrum UI and UI Lab. Each one links to its page with the source code, a live preview where available, the library license and the install command. Coupon components belong to the Commerce group.

• Scratch CardSpectrum UI · ReactA scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a…
• Holographic Referral Carduselayouts · ReactA dark invite card that tilts in 3D with the pointer. A holographic glow follows. Touch stays still. Tab for a quiet…
• Coupon CodeUI Lab · ReactStamps your promo code onto the order and strikes out the price it beat.
• Dice Discount PopupReactFrame · ReactA gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bonus), copy the code, and…
• Dice Roll Discount PopupReactFrame · ReactA gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with a themed reveal modal and…
• Sales Ticket PopupReactFrame · ReactA corner-anchored promo popup shaped like a torn event ticket, with 5 themes, a zigzag badge stub…
• Scratch Card PopupReactFrame · ReactA gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward…
• Spin to Win WheelReactFrame · ReactA gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass…

Libraries with coupon components

• ReactFrame
• uselayouts
• Spectrum UI
• UI Lab

Related categories

• Commerce Components
• Pricing Card Components
• Pricing Section Components
• Product Card Components
• Checkout Form Components
• Product Gallery Components
• Variant Picker Components
• Subscription Toggle Components
• Cart Components