BEST SELLERS

A young boy with styled hair wearing a black hoodie with the word 'POP' in colorful text, standing outdoors near a painted brick wall and urban buildings in the background.

Young girl with long light brown hair standing on a busy outdoor shopping street, wearing a white T-shirt with graphic and text, and ripped denim shorts.

Made with Hope for an Unforeseen Future Teen Short-Sleeve Unisex T-Shirt

Pop Distressed Tween Youth Heavy Blend Hoodie Black

Newest Stuff

Line Pop Distressed Unisex Hoodie

Slader Mode Unisex Hoodie

A young man with short brown hair, wearing a black hoodie with a graphic of a girl holding a surfboard, standing in front of a graffiti-covered metal shutter on a city street.

A young woman with brown hair, wearing a white hoodie with a colorful 'POP' graphic on the front, walking on a city sidewalk near a wall with graffiti art.

Tween stuff

A young girl with wavy brown hair smiling, wearing a white t-shirt with a small cartoon print and denim shorts, standing in front of a colorful graffiti wall.

A young boy with short, styled brown hair standing outdoors near a painted brick wall, wearing a black hoodie with the word "POP" in white letters on the front, light blue pants, and hands in the hoodie pockets.

Nokturn Pop Youth Short Sleeve T-shirt

Pop Distressed Tween Youth Heavy Blend Hoodie - Black

Teen Stuff

Young man wearing a black hoodie with a graphic of a small child walking in oversized shoes on the front, standing outdoors next to a colorful mural on a brick wall.

Young woman with dark hair wearing a white hoodie with 'POP' graphic, standing in front of a gradient pink and blue background, smiling and touching her hair.

Pop Distressed Tween Youth Heavy Blend Hoodie White

Teen Slader Mode Unisex Hoodie

Latest Accessories

A young woman in a colorful bikini sits cross-legged on a pink and blue cartoon-themed towel on the sandy beach with the ocean and sky in the background.

A smartphone with a colorful cartoon character case in a workspace surrounded by headphones, snacks, a water bottle, succulent plant, notebooks, and colorful pens.

Nokturn Beach Towel

Line Pop Distressed Unisex Hoodie

Grown Up Stuff

A young woman with brown hair wearing a white hoodie with a colorful graphic design, standing with arms crossed against a graffiti-covered brick wall on an urban street.

A man wearing a white T-shirt with a graphic of a girl in a pink jacket standing outdoors near a tree, with the text "Made with Hope for an Unforeseen Future" printed on it, standing outdoors in front of a colorful mural.

Made with Hope for an Unforeseen Future Adult Short-Sleeve Unisex T-Shirt

Inkz Tough Case for iPhone®

Marshmallow Cookie Cake

Colorful graffiti-style artwork with a black and white portrait of a young person, surrounded by vibrant abstract shapes and patterns, with the word 'POP' and 'Vandal' in bright letters, and the phrase 'Coming Soon' at the bottom.

Nokturn famous marshmallow cookie cake. Comes packed in a limited edition Inkz Cookie Cake tin.

Popular Now
New Stuff
Soda Specs
Distribution Map
Riot Room
Instagram
Tiktok

Contact
Shipping Info.
Initiate a Return
Refund Policy
FAQs
Privacy Policy
Terms & Conditions

For the kids who rewrite tomorrow.

The Vandal Pop Company © 2026 • The Vandal Pop Characters are registered trademarks of The Vandal Pop Company • Malibu, CA

// ------------------------------------------------- // Product grid rotator (collection: /cans) // ------------------------------------------------- const ListingRotator = (() => { const WRAP_SELECTOR = '.product-list-image-wrapper .product-list-item-image .grid-image-wrapper'; const ROTATE_MS = 2000; const states = new Map(); let intervalId = null; let observer = null; const ensureSrc = (img) => { if (!img.getAttribute('src') && img.dataset?.src) { img.setAttribute('src', img.dataset.src); } img.style.display = ''; }; const collectImages = (wrapper) => { const imgs = Array.from(wrapper.querySelectorAll('img')); const usable = imgs.filter((img) => img.getAttribute('src') || img.dataset?.src); return uniqueBy(usable, (img) => (img.getAttribute('src') || img.dataset?.src || '').trim()); }; const setActive = (imgs, idx) => { imgs.forEach((img, i) => { const active = i === idx; img.classList.toggle('nbf-active', active); img.style.opacity = active ? 1 : 0; }); }; const inView = (el) => { const rect = el.getBoundingClientRect(); const vh = win.innerHeight || doc.documentElement.clientHeight; const vw = win.innerWidth || doc.documentElement.clientWidth; return rect.bottom > 0 && rect.right > 0 && rect.top < vh && rect.left < vw; }; const makeArrowButton = (dir, handler) => { const btn = doc.createElement('button'); btn.type = 'button'; btn.className = `nbf-rotator-btn ${dir === 'prev' ? 'nbf-rotator-prev' : 'nbf-rotator-next'}`; btn.setAttribute('aria-label', dir === 'prev' ? 'Previous image' : 'Next image'); btn.innerHTML = dir === 'prev' ? '' : ''; btn.addEventListener('click', handler); return btn; }; const attachArrows = (wrapper, state) => { if (wrapper.querySelector('.nbf-rotator-ui')) return; const ui = doc.createElement('div'); ui.className = 'nbf-rotator-ui'; const go = (delta) => { state.idx = (state.idx + delta + state.imgs.length) % state.imgs.length; setActive(state.imgs, state.idx); }; const pauseTemporarily = () => { state.paused = true; setTimeout(() => { state.paused = false; }, 1000); }; const prev = makeArrowButton('prev', (evt) => { evt.preventDefault(); evt.stopPropagation(); pauseTemporarily(); go(-1); }); const next = makeArrowButton('next', (evt) => { evt.preventDefault(); evt.stopPropagation(); pauseTemporarily(); go(1); }); ui.append(prev, next); wrapper.appendChild(ui); }; const setupWrapper = (wrapper) => { if (wrapper.classList.contains('nbf-rotator-ready')) return; const imgs = collectImages(wrapper); if (imgs.length < 2) return; imgs.forEach(ensureSrc); wrapper.classList.add('nbf-rotator', 'nbf-rotator-ready'); const state = { idx: 0, imgs, paused: false }; states.set(wrapper, state); setActive(imgs, 0); wrapper.addEventListener('mouseenter', () => { const st = states.get(wrapper); if (st) st.paused = true; }); wrapper.addEventListener('mouseleave', () => { const st = states.get(wrapper); if (st) st.paused = false; }); attachArrows(wrapper, state); }; const initAll = () => { doc.querySelectorAll(WRAP_SELECTOR).forEach(setupWrapper); }; const startTimer = () => { if (intervalId) clearInterval(intervalId); intervalId = win.setInterval(() => { for (const [wrapper, state] of states) { if (!doc.body.contains(wrapper)) { states.delete(wrapper); continue; } if (state.paused) continue; if (!inView(wrapper)) continue; state.idx = (state.idx + 1) % state.imgs.length; setActive(state.imgs, state.idx); } }, ROTATE_MS); }; const observeDom = () => { if (observer) return; observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { mutation.addedNodes?.forEach((node) => { if (!(node instanceof HTMLElement)) return; if (node.matches?.(WRAP_SELECTOR)) setupWrapper(node); node.querySelectorAll?.(WRAP_SELECTOR).forEach(setupWrapper); }); }); }); observer.observe(doc.body, { childList: true, subtree: true }); }; const cleanup = () => { for (const [wrapper] of states) { if (!doc.body.contains(wrapper)) states.delete(wrapper); } }; const init = () => { if (!location.pathname.endsWith('/cans')) return; runAfterLoad(() => { setTimeout(() => { initAll(); startTimer(); observeDom(); win.setInterval(cleanup, 10000); }, 1000); }); }; return { init }; })();