Build faster with BYQ.SUPPLY — 1000+ copy-paste sections.
Use CRAFTED20 for 20% off.
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_882_1653)"> <path d="M15.2841 4.17662C16.2374 3.22195 16.2374 1.67062 15.2841 0.717953C14.3307 -0.236714 12.7774 -0.236714 11.8247 0.717953L4.5334 8.00795C3.5274 7.95262 2.5034 8.30862 1.73607 9.07529C0.7354 10.0766 0.170067 12.9026 0.0114004 14.256C-0.0445996 14.7313 0.116734 15.1973 0.454067 15.5346C0.746734 15.828 1.1374 15.9886 1.5474 15.9886C1.6094 15.9886 1.6714 15.9846 1.73273 15.9773C1.8934 15.9586 5.6914 15.4986 6.9254 14.2646C7.69207 13.498 8.0474 12.474 7.99207 11.468L15.2841 4.17662ZM5.98207 13.3213C5.41273 13.8906 3.25207 14.4553 1.57607 14.6526C1.48607 14.6666 1.42407 14.6193 1.39607 14.5913C1.36873 14.564 1.32407 14.504 1.33473 14.4106C1.53073 12.7426 2.1174 10.5793 2.67873 10.0173C3.13473 9.56195 3.73207 9.33462 4.33073 9.33462C4.9294 9.33462 5.52673 9.56262 5.98273 10.0173C6.8934 10.928 6.8934 12.41 5.98273 13.3206L5.98207 13.3213ZM6.92473 9.07529C6.65073 8.80129 6.3434 8.57929 6.01607 8.41062L12.7667 1.65995C13.2001 1.22662 13.9074 1.22662 14.3407 1.65995C14.7741 2.09329 14.7741 2.79929 14.3407 3.23329L7.5894 9.98395C7.42007 9.65662 7.19873 9.34929 6.92473 9.07529Z" fill="currentColor" /> <path d="M3.14854 6.6074C3.27854 6.7374 3.4492 6.80274 3.61987 6.80274C3.79054 6.80274 3.9612 6.7374 4.0912 6.6074C4.35187 6.34674 4.35187 5.9254 4.0912 5.66474L1.66054 3.23407C1.22654 2.80007 1.22654 2.09407 1.66054 1.66007C2.09454 1.22674 2.8012 1.22674 3.23387 1.66007L5.66454 4.0914C5.9252 4.35207 6.34654 4.35207 6.6072 4.0914C6.86787 3.83074 6.86787 3.4094 6.6072 3.14874L4.17654 0.717403C3.22187 -0.235931 1.67054 -0.235931 0.717203 0.716736C-0.23613 1.6694 -0.236797 3.22274 0.717203 4.17607L3.14787 6.60674L3.14854 6.6074Z" fill="currentColor" /> <path d="M14.828 11.3693L12.858 9.39863C12.5973 9.13796 12.176 9.13796 11.9153 9.39863C11.6546 9.65929 11.6546 10.0806 11.9153 10.3413L13.8853 12.312C14.382 12.808 14.6666 13.4946 14.6666 14.1973V14.6666H14.198C13.4853 14.6666 12.8153 14.3893 12.312 13.8853L10.3413 11.9153C10.0806 11.6546 9.65929 11.6546 9.39863 11.9153C9.13796 12.176 9.13796 12.5973 9.39863 12.858L11.3693 14.828C12.124 15.584 13.1293 16 14.198 16H15.3333C15.702 16 16 15.702 16 15.3333V14.1973C16 13.144 15.5726 12.1126 14.828 11.3693Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_882_1653"> <rect width="16" height="16" fill="currentColor"/> </clipPath> </defs> </svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_882_1653)"> <path d="M15.2841 4.17662C16.2374 3.22195 16.2374 1.67062 15.2841 0.717953C14.3307 -0.236714 12.7774 -0.236714 11.8247 0.717953L4.5334 8.00795C3.5274 7.95262 2.5034 8.30862 1.73607 9.07529C0.7354 10.0766 0.170067 12.9026 0.0114004 14.256C-0.0445996 14.7313 0.116734 15.1973 0.454067 15.5346C0.746734 15.828 1.1374 15.9886 1.5474 15.9886C1.6094 15.9886 1.6714 15.9846 1.73273 15.9773C1.8934 15.9586 5.6914 15.4986 6.9254 14.2646C7.69207 13.498 8.0474 12.474 7.99207 11.468L15.2841 4.17662ZM5.98207 13.3213C5.41273 13.8906 3.25207 14.4553 1.57607 14.6526C1.48607 14.6666 1.42407 14.6193 1.39607 14.5913C1.36873 14.564 1.32407 14.504 1.33473 14.4106C1.53073 12.7426 2.1174 10.5793 2.67873 10.0173C3.13473 9.56195 3.73207 9.33462 4.33073 9.33462C4.9294 9.33462 5.52673 9.56262 5.98273 10.0173C6.8934 10.928 6.8934 12.41 5.98273 13.3206L5.98207 13.3213ZM6.92473 9.07529C6.65073 8.80129 6.3434 8.57929 6.01607 8.41062L12.7667 1.65995C13.2001 1.22662 13.9074 1.22662 14.3407 1.65995C14.7741 2.09329 14.7741 2.79929 14.3407 3.23329L7.5894 9.98395C7.42007 9.65662 7.19873 9.34929 6.92473 9.07529Z" fill="currentColor" /> <path d="M3.14854 6.6074C3.27854 6.7374 3.4492 6.80274 3.61987 6.80274C3.79054 6.80274 3.9612 6.7374 4.0912 6.6074C4.35187 6.34674 4.35187 5.9254 4.0912 5.66474L1.66054 3.23407C1.22654 2.80007 1.22654 2.09407 1.66054 1.66007C2.09454 1.22674 2.8012 1.22674 3.23387 1.66007L5.66454 4.0914C5.9252 4.35207 6.34654 4.35207 6.6072 4.0914C6.86787 3.83074 6.86787 3.4094 6.6072 3.14874L4.17654 0.717403C3.22187 -0.235931 1.67054 -0.235931 0.717203 0.716736C-0.23613 1.6694 -0.236797 3.22274 0.717203 4.17607L3.14787 6.60674L3.14854 6.6074Z" fill="currentColor" /> <path d="M14.828 11.3693L12.858 9.39863C12.5973 9.13796 12.176 9.13796 11.9153 9.39863C11.6546 9.65929 11.6546 10.0806 11.9153 10.3413L13.8853 12.312C14.382 12.808 14.6666 13.4946 14.6666 14.1973V14.6666H14.198C13.4853 14.6666 12.8153 14.3893 12.312 13.8853L10.3413 11.9153C10.0806 11.6546 9.65929 11.6546 9.39863 11.9153C9.13796 12.176 9.13796 12.5973 9.39863 12.858L11.3693 14.828C12.124 15.584 13.1293 16 14.198 16H15.3333C15.702 16 16 15.702 16 15.3333V14.1973C16 13.144 15.5726 12.1126 14.828 11.3693Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_882_1653"> <rect width="16" height="16" fill="currentColor"/> </clipPath> </defs> </svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_882_1653)"> <path d="M15.2841 4.17662C16.2374 3.22195 16.2374 1.67062 15.2841 0.717953C14.3307 -0.236714 12.7774 -0.236714 11.8247 0.717953L4.5334 8.00795C3.5274 7.95262 2.5034 8.30862 1.73607 9.07529C0.7354 10.0766 0.170067 12.9026 0.0114004 14.256C-0.0445996 14.7313 0.116734 15.1973 0.454067 15.5346C0.746734 15.828 1.1374 15.9886 1.5474 15.9886C1.6094 15.9886 1.6714 15.9846 1.73273 15.9773C1.8934 15.9586 5.6914 15.4986 6.9254 14.2646C7.69207 13.498 8.0474 12.474 7.99207 11.468L15.2841 4.17662ZM5.98207 13.3213C5.41273 13.8906 3.25207 14.4553 1.57607 14.6526C1.48607 14.6666 1.42407 14.6193 1.39607 14.5913C1.36873 14.564 1.32407 14.504 1.33473 14.4106C1.53073 12.7426 2.1174 10.5793 2.67873 10.0173C3.13473 9.56195 3.73207 9.33462 4.33073 9.33462C4.9294 9.33462 5.52673 9.56262 5.98273 10.0173C6.8934 10.928 6.8934 12.41 5.98273 13.3206L5.98207 13.3213ZM6.92473 9.07529C6.65073 8.80129 6.3434 8.57929 6.01607 8.41062L12.7667 1.65995C13.2001 1.22662 13.9074 1.22662 14.3407 1.65995C14.7741 2.09329 14.7741 2.79929 14.3407 3.23329L7.5894 9.98395C7.42007 9.65662 7.19873 9.34929 6.92473 9.07529Z" fill="currentColor" /> <path d="M3.14854 6.6074C3.27854 6.7374 3.4492 6.80274 3.61987 6.80274C3.79054 6.80274 3.9612 6.7374 4.0912 6.6074C4.35187 6.34674 4.35187 5.9254 4.0912 5.66474L1.66054 3.23407C1.22654 2.80007 1.22654 2.09407 1.66054 1.66007C2.09454 1.22674 2.8012 1.22674 3.23387 1.66007L5.66454 4.0914C5.9252 4.35207 6.34654 4.35207 6.6072 4.0914C6.86787 3.83074 6.86787 3.4094 6.6072 3.14874L4.17654 0.717403C3.22187 -0.235931 1.67054 -0.235931 0.717203 0.716736C-0.23613 1.6694 -0.236797 3.22274 0.717203 4.17607L3.14787 6.60674L3.14854 6.6074Z" fill="currentColor" /> <path d="M14.828 11.3693L12.858 9.39863C12.5973 9.13796 12.176 9.13796 11.9153 9.39863C11.6546 9.65929 11.6546 10.0806 11.9153 10.3413L13.8853 12.312C14.382 12.808 14.6666 13.4946 14.6666 14.1973V14.6666H14.198C13.4853 14.6666 12.8153 14.3893 12.312 13.8853L10.3413 11.9153C10.0806 11.6546 9.65929 11.6546 9.39863 11.9153C9.13796 12.176 9.13796 12.5973 9.39863 12.858L11.3693 14.828C12.124 15.584 13.1293 16 14.198 16H15.3333C15.702 16 16 15.702 16 15.3333V14.1973C16 13.144 15.5726 12.1126 14.828 11.3693Z" fill="currentColor" /> </g> <defs> <clipPath id="clip0_882_1653"> <rect width="16" height="16" fill="currentColor"/> </clipPath> </defs> </svg>
Made in the wild, this free Webflow template is a collaboration between BYQ® Studio, Webflow, and GSAP, designed to celebrate curiosity, movement, and unpolished magic.
Inspired by the way children create — without permission, without gridlines — it invites designers, studios, and freelancers to build with more soul and less seriousness. Every section is a little ritual: a game, a scroll, a story. You’ll find smoke signals instead of CTAs, popcorn strategies instead of case studies, and animated crumbs all the way down.
Perfect for creative agencies, solo makers, or anyone who wants their portfolio to feel like a field trip.
Yes, Webflow purchases do include the Figma file
Yes, you can purchase only the Figma file—just click the button above labeled “Buy Figma.”
Yes, we offer support for any template-related questions you might have.
At this time, we don’t offer customization services.
Absolutely! Webflow purchases are processed through the official Webflow Marketplace, and Figma purchases are securely handled via Stripe.
All Webflow templates are open source, allowing you to preview and leverage the best Webflow practices. While refunds are generally not processed, Webflow may allow refunds in specific cases under their guidelines.
