1/10

3D Relief Art Pen – Create Touchable 3D Art from Your Drawings, Fun Craft Tool for Card Making & DIY Projects 🪄

$19.99  - $59.99
/** * 优惠码组件模型类 * 处理优惠码的显示和交互逻辑 */ class SpzCustomDiscountCodeModel extends SPZ.BaseElement { constructor(element) { super(element); // 复制按钮和内容的类名 this.copyBtnClass = "discount_code_btn" this.copyClass = "discount_code_value" } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { // 初始化服务 this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); } /** * 渲染优惠码组件 * @param {Object} data - 渲染数据 */ doRender_(data) { return this.templates_ .findAndRenderTemplate(this.element, Object.assign(this.getDefaultData(), data) ) .then((el) => { this.clearDom(); this.element.appendChild(el); // 绑定复制代码功能 this.copyCode(el, data); }); } /** * 获取渲染模板 * @param {Object} data - 渲染数据 */ getRenderTemplate(data) { const renderData = Object.assign(this.getDefaultData(), data); return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } /** * 清除DOM内容 */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * 获取默认数据 * @returns {Object} 默认数据对象 */ getDefaultData() { return { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), image_domain: this.win.SHOPLAZZA.image_domain, copyBtnClass: this.copyBtnClass, copyClass: this.copyClass } } /** * 复制优惠码功能 * @param {Element} el - 当前元素 */ copyCode(el) { const copyBtnList = el.querySelectorAll(`.${this.copyBtnClass}`); if (copyBtnList.length > 0) { copyBtnList.forEach(item => { item.onclick = async () => { // 确保获取正确的元素和内容 const codeElement = item.querySelector(`.${this.copyClass}`); if (!codeElement) return; // 获取纯文本内容 const textToCopy = codeElement.innerText.trim(); // 尝试使用现代API，如果失败则使用备用方案 try { if (navigator.clipboard && navigator.clipboard.writeText) { await navigator.clipboard.writeText(textToCopy); } else { throw new Error('Clipboard API not available'); } // 显示复制成功提示 this.showCopySuccessToast(textToCopy, el); } catch (err) { console.error('Modern clipboard API failed, trying fallback...', err); // 使用备用复制方案 this.fallbackCopy(textToCopy, el); } const discountId = item.dataset["discountId"]; // 跳转决策: is_redirection + link(可选覆盖) const setting = { is_redirection: item.dataset["redirection"] === "true", link: item.dataset["link"], }; const landingUrl = `/promotions/discount-default/${discountId}`; const finalUrl = appDiscountUtils.resolveDiscountHref(setting, landingUrl); if (finalUrl && appDiscountUtils.inProductBody(this.element)) { this.win.open(finalUrl, '_blank', 'noopener'); } } }) } } /** * 使用 execCommand 的复制方案 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ fallbackCopy(codeText, el) { const textarea = this.win.document.createElement('textarea'); textarea.value = codeText; // 设置样式使文本框不可见 textarea.style.position = 'fixed'; textarea.style.left = '-9999px'; textarea.style.top = '0'; // 添加 readonly 属性防止移动端虚拟键盘弹出 textarea.setAttribute('readonly', 'readonly'); this.win.document.body.appendChild(textarea); textarea.focus(); textarea.select(); try { this.win.document.execCommand('copy'); // 显示复制成功提示 this.showCopySuccessToast(codeText, el); } catch (err) { console.error('Copy failed:', err); } this.win.document.body.removeChild(textarea); } /** * 创建 Toast 元素 * @returns {Element} 创建的 Toast 元素 */ createToastEl_() { const toast = document.createElement('ljs-toast'); toast.setAttribute('layout', 'nodisplay'); toast.setAttribute('hidden', ''); toast.setAttribute('id', 'discount-code-toast'); toast.style.zIndex = '1051'; return toast; } /** * 挂载 Toast 元素到 body * @returns {Element} 挂载的 Toast 元素 */ mountToastToBody_() { const existingToast = this.win.document.getElementById('discount-code-toast'); if (existingToast) { return existingToast; } const toast = this.createToastEl_(); this.win.document.body.appendChild(toast); return toast; } /** * 复制成功的提醒 * @param {string} codeText - 要复制的文本 * @param {Element} el - 当前元素 */ showCopySuccessToast(codeText, el) { const $toast = this.mountToastToBody_(); SPZ.whenApiDefined($toast).then(toast => { toast.showToast("Discount code copied !"); this.codeCopyInSessionStorage(codeText); }); } /** * 复制优惠码成功后要存一份到本地存储中，购物车使用 * @param {string} codeText - 要复制的文本 */ codeCopyInSessionStorage(codeText) { try { sessionStorage.setItem('other-copied-coupon', codeText); } catch (error) { console.error(error) } } } // 注册自定义元素 SPZ.defineElement('spz-custom-discount-code-model', SpzCustomDiscountCodeModel);
/** * Custom discount code component that handles displaying and managing discount codes * @extends {SPZ.BaseElement} */ class SpzCustomDiscountCode extends SPZ.BaseElement { constructor(element) { super(element); // API endpoint for fetching discount codes this.getDiscountCodeApi = "\/api\/storefront\/promotion\/code\/list"; // Debounce timer for resize events this.timer = null; // Current variant ID this.variantId = "dccf6cc9-0d6a-4207-810f-6d4632549c08"; // Store discount code data this.discountCodeData = {} } /** * Check if layout is supported * @param {string} layout - Layout type * @return {boolean} */ isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } /** * Initialize component after build */ buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // Bind methods to maintain context this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } /** * Setup component when mounted */ mountCallback() { this.getData(); // Add event listeners this.viewport_.onResize(this.resize); this.win.document.addEventListener('dj.variantChange', this.switchVariant); } /** * Cleanup when component is unmounted */ unmountCallback() { this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } /** * Handle resize events with debouncing */ resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { if (appDiscountUtils.inProductBody(this.element)) { this.render(); } else { this.renderSkeleton(); } }, 200); } /** * Handle variant changes * @param {Event} event - Variant change event */ switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '25de4862-9f7a-4075-aa48-5ae5e876d45a' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } /** * Fetch discount code data from API */ getData() { if (appDiscountUtils.inProductBody(this.element)) { const reqBody = { product_id: "25de4862-9f7a-4075-aa48-5ae5e876d45a", variant_id: this.variantId, product_type: "default", } if (!reqBody.product_id || !reqBody.variant_id) return; this.discountCodeData = {}; this.win.fetch(this.getDiscountCodeApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { let data = await response.json(); if (data.list && data.list.length > 0) { data.list[0].product_setting.template_config = JSON.parse(data.list[0].product_setting.template_config); // Format timestamps to local timezone const zone = this.win.SHOPLAZZA.shop.time_zone; data.list = data.list.map(item => { if(+item.ends_at !== -1) { item.ends_at = appDiscountUtils.convertTimestampToFormat(+item.ends_at, zone); } item.starts_at = appDiscountUtils.convertTimestampToFormat(+item.starts_at, zone); return item; }); } this.discountCodeData = data; this.render(); } else { this.clearDom(); } }).catch(err => { console.error("discount_code", err) this.clearDom(); }); } else { this.renderSkeleton(); } } /** * Clear component DOM except template */ clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } /** * Render discount codes with formatted dates */ render() { // Render using discount code model SPZ.whenApiDefined(document.querySelector('#spz_custom_discount_code_model')).then(renderApi => { renderApi.doRender_({ discountCodeData: this.discountCodeData }) }).catch(err => { this.clearDom(); }) } renderSkeleton() { // Render template for non-product pages this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile() }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) .catch(err => { this.clearDom(); }); } } // Register custom element SPZ.defineElement('spz-custom-discount-code', SpzCustomDiscountCode);
🔥The more you buy, the more you save:  1-Pack — Create your first 3D masterpiece 🎨
Quantity
Free worldwide shipping
Free returns
Sustainably made
Secure payments

Description

🏆 3D Relief Art Pen Wins the 2026 Innovative Design Award

A groundbreaking innovation in art technology that seamlessly blends traditional drawing with three-dimensional sculpture.

Designed for creative enthusiasts, this 3D Relief Art Pen transforms simple lines into 3D artworks featuring authentic textures, depth, and tactile qualities.

Bring your inspiration to life and turn every creation into a unique artistic masterpiece.

Turn Any Painting Into A 3D Masterpiece

One magical stroke transforms flat artwork into stunning raised 3D relief art.

From delicate petals to the brushstrokes of masterpieces, every detail gains tactile, three-dimensional quality.

Elevate everyday creations into works of art with texture, depth and natural visual dimension.

🖌️ Creating Museum-Quality Relief Art

Break free from the limitations of flat color expression.

Layering and dimensional shaping transform ordinary lines into forms with tangible height, rich texture and natural interplay of light and shadow.

Every stroke becomes part of a tactile artwork.

A Magic Pen That Brings Art To Life

Your favorite paintings are no longer just images.

  • 🌻 Realistic 3D textures
  • 🎨 Raised paint layers
  • ✨ Museum-style embossed artwork

Draw. Create. Experience Art Like Never Before.

Turn Your Walls Into A Personal Art Gallery

Create stunning 3D textured wall art with your own hands.

Transform simple materials into beautiful raised decorations that bring color, depth and personality to any space.

  • ✨ 3D Raised Texture
  • ✨ Handmade Wall Decoration
  • ✨ Unique Home Artwork

THREE-STAGE 3D FORMING PRINCIPLE

A new generation of creative material technology designed to elevate every line, every color and every idea into true 3D expression.

MAKE EVERY CREATION A PROFESSIONAL RELIEF ARTWORK

Endless Ways To Create & Decorate

  • 👜 Hanging Ornaments
    Add a personal touch to bags, keys, backpacks and more.
  • 🍍 Cute Squishy Creations
    Make adorable characters with fun textures and playful designs.
  • 🎨 3D Decorative Artworks
    Transform simple ideas into colorful raised masterpieces.
  • 🖼️ Decorative Paintings
    Create handmade wall art that brings warmth to any space.

Creative Fun With Carefully Selected Materials

Made with carefully selected water-based art materials, designed for a fun and relaxed creative experience.

The low-odor formulation makes it suitable for creative projects shared by parents and children.

Kids can freely explore vibrant colors, soft textures and tactile 3D relief art.

Let's Take A Look At Customer Feedback

“My daughter and I created a super cute keychain together!”

We used the 3D Relief Art Pen to make this little bear keychain, and the finished result turned out even cuter than we imagined.

The raised texture feels soft and dimensional, the colors are vibrant, and every tiny detail carries the unique charm of something handmade.

It is a truly fun activity that gets us away from screens, and the finished pieces are definitely worth cherishing!

— Emily Carter

“I couldn’t believe my drawing actually came to life!”

I used the 3D Relief Art Pen to recreate Van Gogh’s The Starry Night, and the result completely amazed me.

The artwork transformed into a raised 3D relief with incredible texture, depth and realistic shadows.

The swirling sky, stars and details felt like they were lifted right off the page.

It became a piece of artwork you can actually see and feel.

— Jessica Miller

“My art has broken free from the limitations of a flat surface.”

As an artist dedicated to painting, I had long been searching for a tool that could add greater depth and dimension to my work.

What amazed me most was its ability to turn flat lines and colors into 3D relief art featuring genuine height, dynamic light and shadow, and tactile texture.

Every layer creates a unique three-dimensional effect, as if the inspiration on the canvas has truly been awakened.

— Sophia Laurent

Customer Service

We truly believe we carry some of the most innovative products in the world, and we want to make sure we back that up with a risk-free 180-day guarantee.

If you don't have a positive experience for any reason, we will do whatever it takes to make sure you are 100% satisfied with your order.