Discount codes on offer — cards, banners, strips and sections that hand a shopper a code. 10 blocks in this category.
Every block here is Pro. One purchase, yours forever —$99 lifetime, rising to $249 once the catalog launches.
Pre-order — $99A bento offer board: one image-led hero tile carrying the headline discount, an inverted code plate beside it, and a ruled savings ledger that recomputes as each code is copied.
… add @sevenui/pro/coupon-01A cart-side summary where a promo field moves through idle, checking, applied and rejected states, every figure held on one money axis and the saving called out on the card's only inverted band.
… add @sevenui/pro/coupon-02A store directory of live codes: department tabs and an ended-codes switch over hairline rows that carry value, offer, code, expiry and a shop link on one column rule.
… add @sevenui/pro/coupon-03A flash-sale section built from four full-bleed bands — a hazard rule, rolling countdown digits on an inverted slab, a claim meter, and a lot-by-lot ledger that closes the sale when the stock runs out.
… add @sevenui/pro/coupon-04An inverted drop banner where one oversized percentage overhangs the container edge and sets the band height, lit by a single radial glow that flares when the code is taken.
… add @sevenui/pro/coupon-05A slim sticky announcement rail: the offer fixed at the left, its fine print drifting past in a masked ticker, and one inline copy-code chip flipped back out of the band.
… add @sevenui/pro/coupon-06A scratch-off card whose three foil panels are cut from one sheet and wipe away under the pointer, with a keyboard path that reveals a panel and moves focus to its code.
… add @sevenui/pro/coupon-07A single unlocked loyalty coupon on an inverted card: the reward set large, the tier and unlock date beneath it, and a copy-code control that reports where the code should be pasted.
… add @sevenui/pro/coupon-08A grid of perforated stubs — a fixed-height value band, a die-cut tear line notched at both edges, and a printed terms body under it, with one stub inverted to carry rank.
… add @sevenui/pro/coupon-09A fanned stack of saved offers that reshuffles with layout motion as one is pulled to the front, the pulled card carrying its own code and the column beside it printing its reverse.
… add @sevenui/pro/coupon-10Preview every block in your theme.