1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4
4<script> 5 (function () { 6 var proto = XMLHttpRequest.prototype; 7 var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send; 8 var TOKEN_KEY = 'base44_access_token'; 9 var storedTokenHeader = function () { 10 try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; } 11 }; 12 var forgetStoredToken = function () { 13 try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {} 14 }; 15 16 proto.open = function (method, url) { 17 this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url); 18 return open.apply(this, arguments); 19 }; 20 21 proto.setRequestHeader = function (name, value) { 22 if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) { 23 this.__b44SentToken = value; 24 } 25 return setRequestHeader.call(this, name, value); 26 }; 27 28 proto.send = function () { 29 this.addEventListener('loadend', function () { 30 var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader(); 31 if (rejectedTokenStillStored) forgetStoredToken(); 32 }); 33 return send.apply(this, arguments); 34 }; 35})(); 36 </script>
36 37 <link as="image" fetchpriority="high" href="https://media.base44.com/images/public/69cbcd44d3da2a5cef013f5e/ccbc0ce24_poster.jpg" rel="preload"/> 38 <meta charset="utf-8"/> 39 <!-- Legacy docs host. The docs used to be a separate app at docs.brik.space; they now 40 live at brik.space/docs/<slug> with the same slugs. Once the subdomain's DNS points 41 at this site, this sends old deep links (and the bare host) to the new home before 42 the app boots â `/docs/what-is-brik` maps 1:1, `/` and `/docs` land on the index. --> 43
43<script> 44 (function () { 45 if (location.hostname !== 'docs.brik.space') return; 46 var path = location.pathname.replace(/\/+$/, ''); 47 var target = path.indexOf('/docs/') === 0 ? path : '/docs'; 48 location.replace('https://brik.space' + target + location.search + location.hash); 49 })(); 50 </script>
50 51 <!-- Pre-boot noindex net. ErrorPageLayout's noindex is set from a React effect, so it 52 cannot help when the entry bundle itself 404s: a crawler holding a stale index.html 53 against a newer deploy gets this shell with the homepage title, no robots tag, and an 54 empty #root â and can index that as the real page. Marking it noindex here covers the 55 window before React exists. Scoped to our own bundle failing while #root is still 56 empty, so a late-failing lazy chunk on a working page can't trip it; once React mounts, 57 usePageMeta owns the tag and clears it for anything that should be indexed. --> 58
58<script> 59 addEventListener( 60 'error', 61 function (event) { 62 var el = event.target; 63 if (!el || el.tagName !== 'SCRIPT' || !el.src) { 64 return; 65 } 66 if (el.src.lastIndexOf(location.origin, 0) !== 0) { 67 return; 68 } 69 if (el.src.indexOf('/assets/') === -1 && el.src.indexOf('/src/') === -1) { 70 return; 71 } 72 var root = document.getElementById('root'); 73 if (root && root.childElementCount > 0) { 74 return; 75 } 76 if (document.querySelector('meta[name="robots"]')) { 77 return; 78 } 79 var meta = document.createElement('meta'); 80 meta.setAttribute('name', 'robots'); 81 meta.setAttribute('content', 'noindex'); 82 document.head.appendChild(meta); 83 }, 84 true, 85 ); 86 </script>
86 87 <!-- Google's SERP favicon comes from its own crawl, not the browser's icon pick, and it 88 wants a raster â¥48px â the SVG alone left us with a generic globe in search results. 89 90 The platform claims the two well-known icon filenames: GET /favicon.ico and 91 GET /apple-touch-icon.png both 302 to the app icon on media.base44.com (the 1600px 92 BRIK wordmark, unreadable at favicon sizes). A file shipped at either path is 93 shadowed â verified against prod â so the icons we control must use names the 94 middleware doesn't intercept. Renaming any of these back to a well-known name 95 silently hands the icon back to the wordmark. --> 96 <link href="/favicon-192.png" rel="icon" sizes="192x192" type="image/png"/> 97 <link href="/favicon.svg" rel="icon" type="image/svg+xml"/> 98 <link href="/apple-touch-icon-180.png" rel="apple-touch-icon" sizes="180x180"/> 99 <!-- Both credentials modes for base44.app. The SDK's API calls send cookies, 100 while the tool exports fetch every asset with crossOrigin="anonymous"; 101 those use separate connection pools, so a single preconnect only ever 102 warms one of them and the other still pays a fresh handshake. --> 103 <link href="https://base44.app" rel="preconnect"/> 104 <link crossorigin="" href="https://base44.app" rel="preconnect"/> 105 <link crossorigin="" href="https://media.base44.com" rel="preconnect"/> 106 <!-- HAL Matex Book is the V2 headline face, and the homepage hero animates it letter by 107 letter the moment React mounts. Discovered from the stylesheet it arrives mid-reveal, 108 so the fallback face animates first and every letter re-lays out on the swap. The 109 `crossorigin` is required even though the file is same-origin: font fetches are 110 CORS-mode, and a preload without it is fetched a second time rather than reused. --> 111 <link as="font" crossorigin="" href="/fonts/HALMatex-Book.woff2" rel="preload" type="font/woff2"/> 112 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, interactive-widget=resizes-content" name="viewport"/> 113 <!-- Desktop LCP is the community-rail still. It is not in this document â 114 React paints it â so the browser cannot start it until the app boots, 115 which is most of the 4s LCP. Preload it here, on desktop routes that 116 actually show the rail. This has to follow the viewport meta: before 117 that, a phone reports a ~980px layout viewport and the width check is 118 meaningless. No `crossorigin`: an image preload with one is a different 119 request from the `<img>` and gets fetched twice. --> 120
120<script> 121 (function () { 122 if (matchMedia('(max-width: 1023px)').matches) return; 123 var path = location.pathname.replace(/\/+$/, '') || '/'; 124 if ( 125 /^\/(workspace|tooleditor|brik-editor|projection-studio|toolviewer|docs|admin|login|signup)(\/|$)/i.test( 126 path, 127 ) 128 ) { 129 return; 130 } 131 var link = document.createElement('link'); 132 link.rel = 'preload'; 133 link.as = 'image'; 134 link.href = '/images/home-v2/community-rail-poster.webp'; 135 link.type = 'image/webp'; 136 link.setAttribute('fetchpriority', 'high'); 137 document.head.appendChild(link); 138 })(); 139 </script>
139 140 <title> 141 About | Brik 142 </title> 143 <meta content="Brik" name="description"/> 144 <!-- Open Graph defaults (overridden per-page by usePageMeta) --> 145 <meta content="website" property="og:type"/> 146 <meta content="Brik" property="og:site_name"/> 147 <meta content="About | Brik" property="og:title"/> 148 <meta content="Brik" property="og:description"/> 149 <meta content="https://media.base44.com/images/public/69cbcd44d3da2a5cef013f5e/7a65fbca1_logo.png/v1/fill/w_1200,h_630/7a65fbca1_logo.png" property="og:image"/> 150 <meta content="https://brik.space/about" property="og:url"/> 151 <!-- Twitter / X defaults --> 152 <meta content="summary_large_image" name="twitter:card"/> 153 <meta content="About | Brik" name="twitter:title"/> 154 <meta content="Brik" name="twitter:description"/> 155 <meta content="https://media.base44.com/images/public/69cbcd44d3da2a5cef013f5e/7a65fbca1_logo.png/v1/fill/w_1200,h_630/7a65fbca1_logo.png" name="twitter:image"/> 156 <!-- RSS feed of the curated (Featured) tools. Static snapshot refreshed on 157 every deploy by scripts/generate-rss.js. --> 158 <link href="/feed.xml" rel="alternate" title="Brik â Featured Tools" type="application/rss+xml"/> 159 <meta content="I560_TdhhJ9Gn6bROvOXLFQk8bZ-ziekdiBO4cSZn3o" name="google-site-verification"/> 160 <meta content="241b5278b056cfa3597625b5747d98b4" name="p:domain_verify"/> 161
161<script type="application/ld+json"> 162 { 163 "@context": "https://schema.org", 164 "@graph": [ 165 { 166 "@type": "Organization", 167 "@id": "https://brik.space/#organization", 168 "name": "Brik", 169 "url": "https://brik.space", 170 "logo": { 171 "@type": "ImageObject", 172 "url": "https://brik.space/images/og/og-default.png" 173 }, 174 "sameAs": ["https://www.instagram.com/brik.space/"] 175 }, 176 { 177 "@type": "WebSite", 178 "@id": "https://brik.space/#website", 179 "url": "https://brik.space", 180 "name": "Brik", 181 "description": "Brik is an AI design platform for creators. Build your own custom tools for text effects, animations, 3D, 2D and images, then remix and export anywhere.", 182 "publisher": { "@id": "https://brik.space/#organization" } 183 } 184 ] 185 } 186 </script>
186 187 <!-- Mirrors the FAQ_ITEMS content in src/components/shared/FAQ.tsx exactly (same 188 questions, same order) â keep both in sync if the FAQ copy changes. This static 189 copy exists because the FAQPage schema in useStructuredData is injected from a 190 useEffect, so crawlers that don't execute JS would otherwise see no FAQ markup. --> 191
191<script type="application/ld+json"> 192 { 193 "@context": "https://schema.org", 194 "@type": "FAQPage", 195 "mainEntity": [ 196 { 197 "@type": "Question", 198 "name": "What is Brik?", 199 "acceptedAnswer": { 200 "@type": "Answer", 201 "text": "Brik is an agentic platform with the mindset of a creative director - built for creating, sharing, and utilizing high-end interactive design tools. Instead of producing assets one by one, you define how things should look, move, and behave - and turn that into a system that scales across formats, brands, and use cases. Just describe your creative vision in your own language - seriously, Brik understands you - and a Brik agent turns it into a dynamic, visually compelling design tool. From there, every tool becomes an instrument - ready to be shaped, remixed, and played to generate assets on demand." 202 } 203 }, 204 { 205 "@type": "Question", 206 "name": "What can I create with Brik?", 207 "acceptedAnswer": { 208 "@type": "Answer", 209 "text": "Interactive, real-time experiences - from kinetic typography and scroll effects to 3D visuals and immersive WebGL interactions. Brik enables you to generate dynamic logo systems, scalable social and ad assets, and fully functional creative tools tailored to your needs. Think on-brand social asset generators, interactive components for websites, data visualizations, motion systems, and custom visual effects - all built to be reused, remixed, and adapted across formats. In Brik, you're not just creating outputs - you're defining how things behave. Take a look at the tools gallery to explore what's possible." 210 } 211 }, 212 { 213 "@type": "Question", 214 "name": "How is Brik different from traditional motion tools?", 215 "acceptedAnswer": { 216 "@type": "Answer", 217 "text": "Traditional tools lock you into timelines and single files - and often require steep learning curves and technical skills, even for experienced designers. With Brik, you only need your creative vision. No dependency on discipline or technique. You define behaviors, rules, and parameters once - then reuse and remix them across projects." 218 } 219 }, 220 { 221 "@type": "Question", 222 "name": "Do I need to know how to code?", 223 "acceptedAnswer": { 224 "@type": "Answer", 225 "text": "No. You work with prompts and visual controls - sliders, toggles, inputs. The AI and creative coding live under the hood, not in your workflow." 226 } 227 }, 228 { 229 "@type": "Question", 230 "name": "How do I start: motion asset or motion tool?", 231 "acceptedAnswer": { 232 "@type": "Answer", 233 "text": "It all starts with a creative vision - if you can imagine it, Brik can help you bring it to life. On a deadline? Start with a tool from the gallery, tweak a few controls, and export your asset. Building a motion language? Create or remix a tool you can use again and again. Take a look at the showroom for inspiration." 234 } 235 }, 236 { 237 "@type": "Question", 238 "name": "Can I use Brik in production workflows?", 239 "acceptedAnswer": { 240 "@type": "Answer", 241 "text": "Absolutely. Brik is built for real-world use. Export high-quality images with full control over resolution and format, generate videos - including transparent video - or output clean embed/HTML code. Whether you're shipping to a website, integrating into a product, publishing to social, or building decks and campaigns - Brik outputs are ready to drop in and scale." 242 } 243 } 244 ] 245 } 246 </script>
246 247 <style> 248 html { 249 background: #fff; 250 } 251 /* Keep snapshot in source for no-JS crawlers; never paint it for humans. */ 252 #crawler-home { 253 display: none !important; 254 } 255 </style> 256
256<script crossorigin="" src="/assets/index-ljb57BpO.js" type="module"> 257 </script>
257 258
258<script> 259 window.__HERO_CAROUSEL__=[{"saves_count":11,"description":"Column Breaker","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/650c5ec4b_thumbnail.mp4","published_implementation_uuid":"ce850b23-e963-42d9-a987-3c894b6a3179","uuid":"12e1d18b-7b70-49ee-b887-643ab8534c54","remixes_count":156,"archived":false,"system_tags":{"use_case":["Posters"],"visual_behavior":["Image processing","Generative Art"]},"creator_email":"[email protected]","published_at":null,"slug":"remix-of-system-mp0wd6p3","views":4486,"thumbnail_stream_format":null,"visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/ccbc0ce24_poster.jpg","tags":["Image processing","Generative Art","Posters","Generative","Retro","Vintage","Abstract","Pattern Generator"],"likes_count":20,"user_tags":["Image Processing","Generative","Retro","Vintage","Abstract","Pattern Generator"],"thumbnail_stream_url":null,"user_id":"69f06189cbb44f4989231b71","name":"Column Breaker","is_public":true,"custom_thumbnail":null,"creator_id":"69f06189cbb44f4989231b71","thumbnail_aspect_ratio":null,"creator_name":"Dana Adi Saar","folder_id":null,"remixed_from":"69ff715694e00b4e9d80e6be","id":"6a006dac28ddf7ba6c0c6f72","created_date":"2026-05-10T11:36:12.822000","updated_date":"2026-10-01T10:46:26.404000","created_by_id":"service_70d85110-d613-4f7b-a8e4-d35efa933a98","created_by":"[email protected]","is_sample":false},{"saves_count":49,"description":"Card Gallery","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/3a929652a_thumbnail.mp4","published_implementation_uuid":"8cfcddcf-eb88-4e4f-b917-0e967276abd5","uuid":"61f8bf4f-737a-422e-a018-9336fe95370e","remixes_count":53,"archived":false,"system_tags":{"use_case":["Animated Galleries"],"visual_behavior":["Mouse Interaction","Motion Systems"]},"creator_email":"[email protected]","published_at":null,"slug":"remix-of-remix-of-remix-of-tres-muchachos-mqxphgwu","views":1834,"thumbnail_stream_format":"hls","visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/993f1d5ab_static-cover.jpg","tags":["Mouse Interaction","Motion Systems","Animated Galleries","Typography","Generative","Abstract","Background Maker","Motion Tool","cards"],"likes_count":36,"user_tags":["Typography","Generative","Abstract","Background Maker","Motion Tool","cards"],"thumbnail_stream_url":"https://stream.mux.com/1tfVhB02rPtzwfTGMsjmfapJhJUoJzWSyeXc2i32ULm00.m3u8","user_id":"6a6f2a0a613ee28d6530bbc7","name":"Vertical Card Scroll","is_public":true,"custom_thumbnail":null,"creator_id":"6a6f2a0a613ee28d6530bbc7","thumbnail_aspect_ratio":null,"creator_name":"Brik Team","folder_id":null,"remixed_from":"6a33f4a9f1fe211c62418cb8","id":"6a4104cff39104e2d44cf32c","created_date":"2026-06-28T11:26:07.120000","updated_date":"2026-10-01T14:33:08.995000","created_by_id":"service_70d85110-d613-4f7b-a8e4-d35efa933a98","created_by":"[email protected]","is_sample":false},{"saves_count":5,"description":"This Effect And Add Some â a Brik tool","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6931be93b_thumbnail.mp4","published_implementation_uuid":"9abc082b-1e56-40ab-a546-c4f7a2fbbf28","uuid":"da222ad2-baa7-4a2e-a06b-9e7d4732c49c","remixes_count":7,"archived":false,"system_tags":{"use_case":["Hero Backgrounds"],"visual_behavior":["Particle System","Mouse Interaction","Generative Art","Typography"]},"creator_email":"[email protected]","slug":"this-effect-and-add-some-mp680v3h","views":645,"thumbnail_stream_format":null,"visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/98dcc4cd1_poster.jpg","tags":["Particle System","Mouse Interaction","Generative Art","Typography","Hero Backgroun
259ds"],"likes_count":4,"user_tags":[],"thumbnail_stream_url":null,"user_id":"6a057fed45f5376224e98149","name":"This Effect And Add Some","is_public":true,"custom_thumbnail":null,"creator_id":"6a057fed45f5376224e98149","thumbnail_aspect_ratio":null,"creator_name":"2499273601","folder_id":null,"remixed_from":null,"id":"6a06717d20abed89e450d939","created_date":"2026-05-15T01:06:05.494000","updated_date":"2026-09-23T23:47:01.992000","created_by_id":"6a057fed45f5376224e98149","created_by":"[email protected]","is_sample":false},{"saves_count":4,"description":"Emojis trail following your cursor.","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/505518442_thumbnail.mp4","published_implementation_uuid":"2953ed81-a1f3-4b3c-85e3-ea08150aef0f","uuid":"4684f8cd-e008-49f3-bd18-8e27c5be116a","remixes_count":67,"archived":false,"system_tags":{"use_case":["UI Elements"],"visual_behavior":["Mouse Interaction","Motion Systems"]},"creator_email":"[email protected]","slug":"emojis-cursor-moltzd8h","views":2133,"thumbnail_stream_format":"hls","visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/ad8746d16_poster.jpg","tags":["Mouse Interaction","Motion Systems","UI Elements","Animation","Interaction","Particle System","Simulation"],"likes_count":17,"user_tags":["Animation","Interaction","Particle System","Simulation"],"thumbnail_stream_url":"https://stream.mux.com/qlsY9s00V2lbyW00MwfXTZmqDva4wADQl00ltsdeHek8Eo.m3u8","user_id":"69db4d16641edaa4ac5a361d","name":"Emojis Trail","is_public":true,"custom_thumbnail":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/36b47f1fa_emojis_trail_s.mp4","creator_id":"69db4d16641edaa4ac5a361d","thumbnail_aspect_ratio":1.5,"creator_name":"Roei Eldar","folder_id":null,"remixed_from":null,"id":"69f39c03b038add367bf4044","created_date":"2026-04-30T18:14:27.912000","updated_date":"2026-09-28T17:32:32.447000","created_by_id":"69db4d16641edaa4ac5a361d","created_by":"[email protected]","is_sample":false},{"saves_count":58,"description":"Interactive Photo Cube â a Brik tool","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/81d180992_thumbnail.mp4","published_implementation_uuid":"2dd9df0d-ffad-4f33-910f-1a2a0d7cc906","uuid":"cb1d4b5a-6747-41d2-872e-369e576254b1","remixes_count":192,"archived":false,"system_tags":{"use_case":["Animated Galleries"],"visual_behavior":["3D","Mouse Interaction","Morphing Elements"]},"creator_email":"[email protected]","published_at":null,"slug":"interactive-photo-cube-mpau9nha","views":6917,"thumbnail_stream_format":null,"visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/1a351dd56_poster.jpg","tags":["3D","Mouse Interaction","Morphing Elements","Animated Galleries"],"likes_count":68,"user_tags":[],"thumbnail_stream_url":null,"user_id":"6a6f2a0a613ee28d6530bbc7","name":"Interactive Photo Cube","is_public":true,"custom_thumbnail":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/2ec04e396_cube_1.mp4","creator_id":"6a6f2a0a613ee28d6530bbc7","thumbnail_aspect_ratio":null,"creator_name":"Brik Team","folder_id":null,"remixed_from":null,"id":"6a097b1d0aeaa7c41e99087e","created_date":"2026-05-17T08:23:57.996000","updated_date":"2026-10-01T14:51:45.202000","created_by_id":"69f210b617460b550d5b85f8","created_by":"[email protected]","is_sample":false},{"saves_count":24,"description":"fun circle animation","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/abafb1b3f_thumbnail.mp4","published_implementation_uuid":"d038abe4-cd36-4bab-a727-4426fb13af2d","uuid":"76e7ecc0-bf4e-4ebd-8638-b396125f397b","remixes_count":60,"archived":false,"system_tags":{"use_case":["Hero Backgrounds"],"visual_behavior":["Particle System","Mouse Interaction"]},"creator_email":"[email protected]","published_at":null,"slug":"circ2-mo2x1xf6","views":1302,"thumbnail_stream_format":null,"visibility":"draft","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/617cf4c14_poster.jpg","tags":["Particle System","Mouse Interaction","Hero Backgroun
259ds","Generative","Abstract","Minimal","Animation","Pattern Generator"],"likes_count":18,"user_tags":["Generative","Abstract","Minimal","Animation","Pattern Generator"],"thumbnail_stream_url":null,"user_id":"69e0bcf309982ad62468b36e","name":"circ2","is_public":true,"custom_thumbnail":null,"creator_id":"69e0bcf309982ad62468b36e","thumbnail_aspect_ratio":null,"creator_name":"valeriiai","folder_id":null,"remixed_from":"69e2220755b67b4b97c3ae85","id":"69e22d47578a7e458bfa7f2a","created_date":"2026-04-17T12:53:27.979000","updated_date":"2026-10-01T13:06:11.858000","created_by_id":"service_70d85110-d613-4f7b-a8e4-d35efa933a98","created_by":"[email protected]","is_sample":false},{"saves_count":11,"description":"Neon Timber Textures â a Brik tool","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/eb65af3d6_thumbnail.mp4","published_implementation_uuid":"71c44d74-9cc2-4104-ad2b-65a4b75abbde","uuid":"84c5efb4-ef42-4632-bf89-fba8193b0433","remixes_count":18,"archived":false,"system_tags":{"use_case":["Hero Backgrounds"],"visual_behavior":["Generative Art"]},"creator_email":"[email protected]","published_at":null,"slug":"neon-timber-textures-mo5rih4k","views":703,"thumbnail_stream_format":null,"visibility":"draft","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/bb5b34060_poster.jpg","tags":["Generative Art","Hero Backgrounds","Animation","Pattern Generator","Neon","Abstract","Generative","Background Maker"],"likes_count":13,"user_tags":["Animation","Pattern Generator","Neon","Abstract","Generative","Background Maker"],"thumbnail_stream_url":null,"user_id":"69df5040358af214309ac79a","name":"Neon Timber Textures","is_public":true,"custom_thumbnail":null,"creator_id":"69df5040358af214309ac79a","thumbnail_aspect_ratio":null,"creator_name":"Michael Mishan","folder_id":null,"remixed_from":null,"id":"69e4c1164f85c656d1906fcf","created_date":"2026-04-19T11:48:38.688000","updated_date":"2026-10-01T07:07:05.304000","created_by_id":"69df5040358af214309ac79a","created_by":"[email protected]","is_sample":false},{"saves_count":16,"description":"A dynamic gallery that morphs masked photos in a shifting grid, using collision-avoidance logic to scale and reposition elements without overlapping.","thumbnail_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f56a4129b_thumbnail.mp4","published_implementation_uuid":"1910e1e1-188c-44a5-85ac-09742580d524","uuid":"bf57b38f-c40e-48c1-9e47-375d9c5a7ff3","remixes_count":25,"archived":false,"system_tags":{"use_case":["Animated Galleries"],"visual_behavior":["Motion Systems"]},"creator_email":"[email protected]","published_at":null,"slug":"kinetic-mosaic-gallery-ms8wwm0m","views":1395,"thumbnail_stream_format":null,"visibility":"public","thumbnail_poster_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6952197ca_poster.jpg","tags":["Motion Systems","Animated Galleries","social media"],"likes_count":10,"user_tags":["motion systems","animated galleries","social media"],"thumbnail_stream_url":"","user_id":"69e08cae57f55b0e965153b5","name":"Moving shape mask gallery","is_public":true,"custom_thumbnail":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/596734c4f_dynamic-cover.mp4","creator_id":"69e08cae57f55b0e965153b5","thumbnail_aspect_ratio":0.8,"creator_name":"Valeriia Lesyk","folder_id":null,"remixed_from":null,"id":"6a6c74f8e6853b91d4b549ec","created_date":"2026-07-31T10:12:08.172000","updated_date":"2026-10-01T09:25:53.985000","created_by_id":"69e08cae57f55b0e965153b5","created_by":"[email protected]","is_sample":false}]; 260window.__HERO_RAW_POOL__=[{"id":"6a006dac28ddf7ba6c0c6f72","name":"Column Breaker","controls_schema":[{"collapsed":false,"type":"section","label":"Quick Access"},{"default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c6855a818_source_image_mp0wd6qg.png","key":"source_image","type":"image","label":"Source Image"},{"label":"Columns","min":10,"type":"slider","default":83,"max":100,"key":"columns"},{"min":0,"label":"Unification Threshold (Color)","default":41,"type":"slider","max":100,"key":"merge_threshold"},{"collapsed":true,"type":"section","label":"Riso Effects"},{"label":"Riso Grain Intensity","min":0,"default":0.3,"step":0.01,"type":"slider","key":"riso_grain","max":1},{"min":1,"label":"Grain Tightness (Stipple)","type":"slider","step":0.1,"default":52.8,"max":100,"key":"grain_density"},{"max":5,"key":"misregistration","min":0,"label":"Misregistration","default":1,"type":"slider","step":0.1},{"type":"slider","step":0.01,"default":0.2,"min":0,"label":"Ink Overlap (Multiply)","key":"ink_overlap","max":1},{"collapsed":true,"label":"Color & Style","type":"section"},{"key":"color_mode","options":["Original","Monochrome","Riso Duotone"],"label":"Color Mode","default":"Original","type":"selection-buttons"},{"key":"riso_palette","type":"palette","default":["#9a60ff","#ff9060","#ff6063","#6da452"],"label":"Riso Palette (Pink/Blue)"},{"key":"gradient_contrast","max":1,"default":0.3,"step":0.01,"type":"slider","label":"Gradient Contrast","min":0},{"default":50,"type":"slider","label":"Min Segment Height","min":2,"max":50,"key":"min_height"}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f1fc1e38d_canvas_code_
2601778485533701.js","custom_css_url":"","custom_css":null},{"id":"6a4104cff39104e2d44cf32c","name":"Vertical Card Scroll","controls_schema":[{"label":"Film Cover 01","collapsed":false,"type":"section"},{"label":"Image 1","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f1e5f6d8d_image_1_movdlxcx.png","type":"image-picker","key":"image_1"},{"label":"Headline 1 - Part 1","type":"text","default":"01","key":"headline_1_1"},{"label":"Headline 1 - Part 2","type":"text","default":"RED AXE","key":"headline_1_2"},{"key":"headline_1_3","type":"text","default":"(2024)","label":"Headline 1 - Part 3"},{"key":"description_1","default":"DIRECTED BY: ROWAN CALDER\\nWRITTEN BY: LYSA MERREN\\nPRODUCED BY: FIRE FORGE\\nCINEMATOGRAPHY: JALEN ARIC\\nMUSIC: NIKO DRAEGUR","type":"textarea","label":"Description 1"},{"label":"Link 1","placeholder":"https://example.com","type":"text","default":"https://example.com/red-axe","key":"link_1"},{"type":"section","collapsed":true,"label":"Film Cover 02"},{"label":"Image 2","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/67d85b70d_image_2_movdlxcy.png","type":"image-picker","key":"image_2"},{"label":"Headline 2 - Part 1","default":"02","type":"text","key":"headline_2_1"},{"key":"headline_2_2","default":"MONA","type":"text","label":"Headline 2 - Part 2"},{"type":"text","default":"(2026)","key":"headline_2_3","label":"Headline 2 - Part 3"},{"key":"description_2","type":"textarea","default":"DIRECTED BY: EVAN K. MERCER\\nWRITTEN BY: DAHLIA WYNN\\nCINEMATOGRAPHY: JONAH REYES\\nEDITOR: KAI OKAMOTO\\nPRODUCTION DESIGN: MAREN WILDE","label":"Description 2"},{"key":"link_2","type":"text","default":"https://eli216.wixstudio.com/tresmuchachosfw","placeholder":"https://example.com","label":"Link 2"},{"type":"section","collapsed":true,"label":"Film Cover 03"},{"default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/70459333e_image_3_movdlxcz.png","type":"image-picker","key":"image_3","label":"Image 3"},{"label":"Headline 3 - Part 1","key":"headline_3_1","type":"text","default":"03"},{"type":"text","default":"THE BOUND FOR NOWHERE","key":"headline_3_2","label":"Headline 3 - Part 2"},{"default":"(2022)","type":"text","key":"headline_3_3","label":"Headline 3 - Part 3"},{"label":"Description 3","type":"textarea","default":"DIRECTED BY: ARIA MONTGOMERY\\nWRITTEN BY: JONAS KELLER & ELIANA ROWE\\nPRODUCED BY: SILVER MESA PICTURES\\nCINEMATOGRAPHY: ORION VALE\\nMUSIC: JONATHAN KRELL","key":"description_3"},{"placeholder":"https://example.com","type":"text","default":"https://example.com/bound-for-nowhere","label":"Link 3","key":"link_3"},{"collapsed":true,"label":"Film Cover 04","type":"section"},{"label":"Image 4","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/0dfb7ab37_image_4_movdlxd0.png","type":"image-picker","key":"image_4"},{"type":"text","default":"04","key":"headline_4_1","label":"Headline 4 - Part 1"},{"key":"headline_4_2","type":"text","default":"Structural Depth","label":"Headline 4 - Part 2"},{"label":"Headline 4 - Part 3","type":"text","default":"(2024)","key":"headline_4_3"},{"key":"description_4","type":"textarea","default":"DIRECTED BY: AVA MORGAN\\nWRITTEN BY: KAI MERCER & ROWAN BLAKE\\nPRODUCED BY: ELIAS HARTMANN ⢠NOVA GREENE\\n\\nCINEMATOGRAPHY: JALEN RHODES\\nMUSIC: NIKO ATLAS NOX","label":"Description 4"},{"key":"link_4","default":"https://example.com/structural-depth","type":"text","placeholder":"https://example.com","label":"Link 4"},{"type":"section","label":"Film Cover 05","collapsed":true},{"key":"image_5","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/cfcc3609b_image_5_movdlxd1.png","type":"image-picker","label":"Image 5"},{"label":"Headline 5 - Part 1","type":"text","default":"05","key":"headline_5_1"},{"label":"Headline 5 - Part 2","type":"text","default":"TENDER GROUNDS","key":"headline_5_2"},{"key":"headline_5_3","default":"(2026)","type":"text","label":"Headline 5 - Part 3"},{"key":"description_5","default":"DIRECTED BY: ARIN HALE\\nWRITTEN BY: ARIN HALE & KAI TREVOR\\nPRODUCED BY: JAY VELUM\\nCINEMATOGRAPHY: SOREN KEATS\\nMUSIC: DELPHINE CHOIR","type":"textarea","label":"Description 5"},{"key":"link_5","placeholder":"https://example.com","default":"https://example.com/tender-grounds","type":"text","label":"Link 5"},{"label":"Film Cover 06","collapsed":true,"type":"section"},{"label":"Image 6","key":"image_6","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f7f927613_image_6_movdlxd3.png","type":"image-picker"},{"label":"Headline 6 - Part 1","default":"06","type":"text","key":"headline_6_1"},{"label":"Headline 6 - Part 2","key":"headline_6_2","default":"THE BOUND FOR NOWHERE","type":"text"},{"key":"headline_6_3","default":"(2023)","type":"text","label":"Headline 6 - Part 3"},{"label":"Description 6","key":"description_6","type":"textarea","default":"DIRECTED BY: L.R. MADDOX\\nWRITTEN BY: ROWAN HALE & MARA WYNN\\nPRODUCED BY: ELI HARTMAN\\nCINEMATOGRAPHY: FELIX ARDEN\\nMUSIC: COPPER + COAL AUDIO"},{"label":"Link 6","placeholder":"https://example.com","default":"https://example.com/bound-for-nowhere-2","type":"text","key":"link_6"},{"collapsed":true,"label":"Film Cover 07","type":"section"},{"label":"Image 7","type":"image-picker","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/a58cd6a80_image_7_movdlxd4.png","key":"image_7"},{"label":"Headline 7 - Part 1","default":"07","type":"text","key":"headline_7_1"},{"label":"Headline 7 - Part 2","key":"headline_7_2","default":"WALKERS","type":"text"},{"label":"Headline 7 - Part 3","key":"headline_7_3","default":"(2024)","type":"text"},{"label":"Description 7","key":"description_7","default":"DIRECTED BY: MARLOWE HART\\nWRITTEN BY: LUNAR ROWE\\nPRODUCED BY: ANSEL FOX\\
260nCINEMATOGRAPHY: ORION CALDWELL\\nMUSIC: ECHO WARD & ARDEN PHELPS","type":"textarea"},{"key":"link_7","type":"text","default":"https://example.com/walkers","placeholder":"https://example.com","label":"Link 7"},{"collapsed":true,"label":"Film Cover 08","type":"section"},{"key":"image_8","type":"image-picker","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/008db2b9e_image_8_movdlxd5.png","label":"Image 8"},{"label":"Num","type":"text","default":"08","key":"headline_8_1"},{"type":"text","default":"SILENCED","key":"headline_8_2","label":"Headline"},{"key":"headline_8_3","type":"text","default":"(2026)","label":"Year"},{"label":"Description","key":"description_8","default":"DIRECTED BY: ROWAN HALE\\nWRITTEN BY: NIKO SERRIN & LIORA SHADE\\nPRODUCED BY: MARA KESSINGER ⢠ELI GRAYSON\\n\\nCINEMATOGRAPHY: IRIS VELAN\\nMUSIC: REEVE CALDER","type":"textarea"},{"key":"link_8","placeholder":"https://example.com","default":"https://example.com/silenced","type":"text","label":"Link 8"},{"label":"Typography & Style","collapsed":true,"type":"section"},{"type":"file","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/77d34d021_customFont_mov6us3p.ttf","accept":".woff2,.ttf,.otf","label":"Upload Font","key":"customFont"},{"label":"Headline Color","key":"headlineColor","type":"color","default":"#FFFFFF"},{"key":"descriptionColor","type":"color","default":"#565656","label":"Description Color"},{"label":"Headline Size","type":"slider","default":14,"min":12,"max":120,"key":"hSize"},{"label":"Description Size","min":12,"type":"slider","default":14,"key":"dSize","max":120},{"key":"textLeftMargin","step":1,"max":800,"min":10,"default":80,"type":"slider","label":"Text Left Margin"},{"max":1.5,"step":0.01,"key":"scale","default":1,"type":"slider","min":0.1,"label":"Card Scale"},{"label":"Vertical Gap","min":0,"type":"slider","default":19,"key":"gap","step":1,"max":200},{"label":"Stack Capacity","min":2,"type":"slider","default":6,"key":"capacity","max":10},{"max":15,"key":"jitter","step":0.5,"default":15,"type":"slider","min":0,"label":"Rotation Jitter"},{"min":0,"type":"slider","default":24,"label":"Corner Radius","step":1,"key":"borderRadius","max":50},{"label":"Border Color","key":"borderColor","type":"color","default":"#000000"},{"label":"Show Border","key":"showBorder","default":false,"type":"toggle"},{"label":"Animation Settings","collapsed":true,"type":"section"},{"key":"playing","default":true,"type":"play-pause","label":"Animation"},{"default":0.2,"type":"slider","min":0.1,"label":"Animation Speed","max":5,"step":0.1,"key":"speed"},{"label":"Ease Type","default":"Cubic-InOut","type":"select","options":["Linear","Quad-InOut","Cubic-InOut","Back-Out","Expo-InOut"],"key":"easeType"},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"solid","color":"#000000","image":null,"fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4e9697e0b_canvas_code_1784718478793.js","custom_css_url":null,"custom_css":null},{"id":"6a06717d20abed89e450d939","name":"This Effect And Add Some","controls_schema":[{"collapsed":false,"type":"section","label":"Text"},{"default":"","label":"Text Content","type":"textarea","key":"text_content"},{"label":"Text Size","key":"text_size","max":200,"default":80,"min":20,"type":"slider"},{"label":"Animation","type":"section","collapsed":true},{"label":"Animate Flow","default":true,"type":"play-pause","key":"animate"},{"label":"Motion Speed","step":0.1,"key":"speed","max":10,"min":0.5,"default":2,"type":"slider"},{"label":"Colors","collapsed":true,"type":"section"},{"default":"#facc15","label":"Primary Color (Yellow)","type":"color","key":"primary_color"},{"default":"#1e40af","label":"Secondary Color (Blue)","type":"color","key":"secondary_color"},{"label":"More Options","type":"section","collapsed":true},{"key":"mouse_influence","step":10,"label":"Mouse Influence","type":"slider","default":80,"min":0,"max":500},{"step":0.1,"label":"Turbulence","key":"turbulence","min":0.1,"default":1.7,"max":5,"type":"slider"},{"default":500,"min":500,"max":5000,"type":"slider","step":100,"label":"Particle Density","key":"density"},{"default":0.61,"min":0.5,"max":0.99,"type":"slider","step":0.01,"label":"Trail Length","key":"trail_length"},{"type":"slider","min":0,"default":5,"max":20,"key":"grain_intensity","step":1,"label":"Grain Intensity"}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/855e07fc5_canvas_code_
2601778807442808.js","custom_css_url":"","custom_css":null},{"id":"69f39c03b038add367bf4044","name":"Emojis Trail","controls_schema":[{"label":"Animation","type":"section","collapsed":false},{"default":true,"key":"playing","type":"play-pause","label":"Animation"},{"default":0.09,"key":"speed","step":0.01,"type":"slider","label":"Follow Speed","max":0.5,"min":0.05},{"min":0,"max":100,"type":"slider","label":"Spacing","default":20,"key":"spacing"},{"type":"section","collapsed":true,"label":"More Options"},{"label":"Size Animation","type":"selection-buttons","key":"size_anim","default":"Shrink","options":["Shrink","Grow & Shrink","Constant"]},{"type":"textarea","label":"Emoji Set","default":"ð¦, ð, ð´, ð¦, ð, ð, ð, ð, ð¦, ð, ð¨, ð¾, ð², ð, ð¼","key":"emoji_set","placeholder":"Paste emojis here..."},{"max":20,"min":1,"default":15,"key":"random_count","type":"slider","label":"Random Set Size"},{"key":"generate_random","label":"Generate Random Set","type":"button"},{"max":300,"min":10,"key":"size","default":177,"label":"Base Size","type":"slider"},{"label":"Trail Length","type":"slider","key":"length","default":26,"min":5,"max":100},{"max":1,"min":0,"key":"fade","step":0.05,"default":0.5,"label":"Fade Intensity","type":"slider"},{"type":"toggle","label":"Randomize Emojis","default":true,"key":"randomize"},{"label":"Reverse Sequence","type":"toggle","key":"reverse_order","default":false},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"solid","color":"#F2E1C4","image":null,"fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/ca36c4b22_canvas_code_1787169449776.js","custom_css_url":null,"custom_css":null},{"id":"6a097b1d0aeaa7c41e99087e","name":"Interactive Photo Cube","controls_schema":[{"label":"Animation","collapsed":false,"type":"section"},{"label":"Animation","default":true,"type":"play-pause","key":"playing"},{"type":"slider","key":"rotation_speed","label":"Rotation Speed","step":0.1,"max":5,"min":0,"default":1},{"collapsed":false,"type":"section","label":"Transform"},{"type":"slider","key":"shape_morph","default":0,"min":0,"max":1,"label":"Shape (Cube to Tube)","
260step":0.01},{"key":"scale","type":"slider","max":2,"step":0.1,"label":"Size","default":1.7,"min":0.5},{"default":0.09,"min":0,"max":1,"step":0.01,"label":"Explode / Gap","key":"spacing","type":"slider"},{"label":"Auto Rotate","default":true,"type":"toggle","key":"auto_rotate"},{"collapsed":true,"type":"section","label":"Style"},{"type":"slider","key":"corner_radius","label":"Corner Radius","step":0.01,"max":0.5,"min":0,"default":0.11},{"label":"Base Color","default":"#222222","type":"color","key":"cube_color"},{"min":0.5,"default":0.8,"step":0.1,"label":"Brightness","max":3,"key":"brightness","type":"slider"},{"label":"Mapping Mode","collapsed":false,"type":"section"},{"default":"Individual","label":"Mapping Mode","key":"mapping_mode","type":"select","options":["Individual","Single Image"]},{"label":"Randomize Order","key":"randomize_order","type":"button"},{"label":"Single Image (Global)","type":"image-picker","key":"single_image_upload","default":"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400"},{"label":"Photos (Individual)","collapsed":true,"type":"section"},{"key":"images","type":"multi-image","max":54,"label":"Photos (54 total)","default":["https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6d3811505_images_0_mpau9o26.jpg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/86c60f1c5_images_1_mpau9o27.jpg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/3f2da67ef_images_2_mpau9o27.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/14f122d5f_images_3_mpau9o28.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/81e440840_images_4_mpau9o29.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/9a129fa93_images_5_mpau9o29.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/257883194_images_6_mpau9o2b.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/3b5f8ef5e_images_7_mpau9o2c.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c5f6dc381_images_8_mpau9o2d.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/b8fb17b74_images_9_mpau9o2e.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f3b9e7f1b_images_10_mpau9o2g.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/01bf8178e_images_11_mpau9o2h.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/3a2e21708_images_12_mpau9o2j.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/486d85775_images_13_mpau9o2l.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/5c3e36c07_images_14_mpau9o2n.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/71619adb4_images_15_mpau9o2p.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/a49
26060b280_images_16_mpau9o2r.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/5ef8795f6_images_17_mpau9o2t.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4f1b2774e_images_18_mpau9o2v.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/cdfd7bdd3_images_19_mpau9o2x.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/94f3655ec_images_20_mpau9o2z.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/01e2402c3_images_21_mpau9o32.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/b5b625be4_images_22_mpau9o34.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/27974e88c_images_23_mpau9o36.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/7e54d25f9_images_24_mpau9o39.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/835cf05d7_images_25_mpau9o3b.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/5f10f501b_images_26_mpau9o3d.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/1ef202d41_images_27_mpau9o3f.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/8198b24e7_images_28_mpau9o3h.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/04dd97a3b_images_29_mpau9o3k.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/e165341d1_images_30_mpau9o3n.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6a889486e_images_31_mpau9o3q.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4329afb32_images_32_mpau9o3t.jpg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4b006f634_images_33_mpau9o3v.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4e6853d82_images_34_mpau9o3y.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/fc84659d8_images_35_mpau9o41.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/864f0ca2d_images_36_mpau9o44.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/e65d5029a_images_37_mpau9o49.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/21899386c_images_38_mpau9o4d.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/808f1bc62_images_39_mpau9o4i.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c01d2f130_images_40_mpau9o4n.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/91bd5c9c7_images_41_mpau9o4u.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/2bf09c1a8_images_42_mpau9o51.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c512fd807_images_43_mpau9o57.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/1ecc19c99_images_44_mpau9o5f.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/64a77eaf6_images_45_mpau9o5l.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/745fa42be_images_46_mpau9o5r.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/cdbe730d9_images_47_mpau9o61.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/811d3f5be_images_48_mpau9o7z.jpg"]}
260,{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"image","color":"#ffffff","image":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/69f5caca1___sys_bg_bg_mpau9o83.jpg","fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/7a77da599_canvas_code_1779086683758.js","custom_css_url":"","custom_css":null},{"id":"69e22d47578a7e458bfa7f2a","name":"circ2","controls_schema":[{"default":true,"type":"play-pause","label":"Animate","key":"playing"},{"label":"Show Visual Grid","key":"show_grid","type":"toggle","default":false},{"key":"snap_to_grid","label":"Snap Movement to Grid","default":false,"type":"toggle"},{"min":8,"label":"Grid Size (px)","max":100,"type":"slider","step":1,"key":"grid_size","default":48},{"key":"size","step":1,"default":50,"label":"Circle Size (px)","min":5,"max":100,"type":"slider"},{"collapsed":false,"label":"Appearance & Density","type":"section"},{"type":"select","label":"Circle Fill Type","default":"Image","key":"circle_fill_type","options":["Color","Image"]},{"default":"#ff3366","type":"color","key":"circle_color","label":"Circle Color"},{"default":0,"key":"blur","step":1,"max":50,"type":"slider","label":"Softness (Blur)","min":0},{"max":50,"type":"slider","min":-50,"label":"Circle Spacing","default":-5,"key":"spacing","step":1},{"min":6,"label":"Particle Count (Blob Size)","max":800,"type":"slider","step":1,"key":"density","default":60},{"type":"section","collapsed":false,"label":"Motion & Easing"},{"options":["Linear","Smooth","Elastic","Bounce"],"key":"easing_type","default":"Smooth","label":"Easing Style","type":"select"},{"max":100,"type":"slider","min":1,"label":"Easing Strength","default":10,"step":1,"key":"easing_strength"},{"min":0,"label":"Movement Speed","max":100,"type":"slider","step":1,"key":"pull_speed","default":12},{"label":"Wander Amount","min":0,"max":100,"type":"slider","step":1,"key":"wander_speed","default":25},{"type":"section","label":"Interaction & Physics","collapsed":true},{"default":30,"step":1,"key":"magnetic_pull","max":100,"type":"slider","min":0,"label":"Magnetic Strength"},{"max":1000,"type":"slider","min":50,"label":"Interaction Radius","default":150,"key":"pull_radius","step":10},{"default":50,"step":1,"key":"click_intensity","max":200,"type":"slider","min":0,"label":"Click Bounce Intensity"},{"max":1000,"type":"slider","min":50,"label":"Click Bounce Radius","default":400,"step":10,"key":"click_radius"},{"max":50,"type":"slider","min":0,"label":"Jiggle Amount","default":25,"key":"jiggle"},{"min":0,"label":"Jiggle Speed","max":10,"type":"slider","step":0.1,"key":"jiggle_speed","default":1},{"collapsed":true,"label":"Assets & Colors","type":"section"},{"key":"mask_image","label":"Mask Image (Texture)","type":"image","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/ec632a11b_mask_image_mo2vsitr.png"},{"label":"Grid Line Color","key":"grid_color","type":"color","default":"rgba(255, 0, 0, 0.15)"},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"solid","color":"#ffffff","image":null,"fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/d36c0724f_canvas_code_1776456237948.js","custom_css_url":null,"custom_css":null},{"id":"69e4c1164f85c656d1906fcf","name":"Neon Timber Textures","controls_schema":[{"type":"section","collapsed":false,"label":"Animation"},{"type":"play-pause","key":"playing","label":"Animation","default":true},{"key":"flowSpeed","type":"slider","min":0,"label":"Flow Speed","step":0.01,"max":2,"default":1.4},{"label":"More Options","type":"section","collapsed":true},{"max":1000,"default":123,"min":0,"label":"Pattern Seed","key":"seed","type":"slider"},{"min":1,"label":"Ring Density","key":"ringDensity","type":"slider","max":50,"default":15},{"min":0,"label":"Grain Intensity","key":"grainIntensity","type":"slider","default":0.4,"step":0.01,"max":1},{"max":5,"step":0.1,"default":0.6,"label":"Warping Intensity","min":0,"type":"slider","key":"warping"},{"type":"slider","key":"knotCount","label":"Knot Count","min":0,"max":10,"default":0},{"max":10,"step":0.1,"default":1.5,"type":"slider","key":"sharpness","label":"Contrast Sharpness","min":1},{"default":["#608dff","#4339ff","#6d60ff","#3b3d43"],"label":"Neon Palette","harmony":"analogous","key":"palette","type":"palette"}
260,{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"none","color":"#ffffff","image":null,"fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/d8bfab595_canvas_code_1776602928706.js","custom_css_url":null,"custom_css":null},{"id":"6a6c74f8e6853b91d4b549ec","name":"Moving shape mask gallery","controls_schema":[{"label":"Content","type":"section"},{"type":"selection-buttons","default":"Canvas Mask","options":[{"id":"Standard","label":"Standard"},{"id":"Canvas Mask","label":"Canvas Mask"}],"key":"contentMode","label":"Content Mode"},{"label":"Cell Images","multiple":true,"default":["https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/a676814d3_galleryImages_0_mt2mpuck.png"],"type":"image-picker","key":"galleryImages"},{"default":["https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/32214a101_backgroundVideo_mt2moe2i.mp4"],"multiple":true,"key":"cellVideo","type":"video-picker","label":"Cell Videos"},{"key":"clearCellImages","type":"button","label":"Clear Cell Images"},{"type":"button","label":"Clear Cell Videos","key":"clearCellVideos"},{"type":"button","label":"Clear Content Layer","key":"clearContentLayer"},{"default":"","key":"textBlocks","visible":false,"type":"textarea","placeholder":"One text block per line...","label":"Text Blocks","rows":4},{"type":"text","visible":false,"key":"textCellIndices","label":"Text Cell Indices","default":"","placeholder":"e.g. 1, 4, 5 (blank = automatic)"},{"label":"Empty Cell Indices","type":"text","key":"emptyCellIndices","default":"","placeholder":"e.g. 2, 7, 8 (blank = none)"},{"placeholder":"e.g. 3, 6, 9 (blank = none)","key":"coloredCellIndices","visible":false,"type":"text","label":"Colored Cell Indices","default":""},{"rows":4,"default":"01\n02\n03\n04\n","type":"textarea","placeholder":"One per line, or 'index: text' e.g. 3: Label A","label":"Cell Captions","key":"cellCaptions"},{"default":"","type":"text","label":"Caption Cell Indices","key":"captionCellIndices","placeholder":"e.g. 1, 2, 3 (blank = in order)"},{"type":"section","label":"Cell Shapes"},{"key":"cellShape","options":["Rectangle","Rounded Rectangle","Circle","Ellipse","Pill","Mixed Geometric","Custom SVG"],"default":"Ellipse","label":"Cell Shape","type":"select"},{"key":"customShape","type":"svg-picker","label":"Custom Shape Upload","multiple":true,"default":["https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/d9e558af2_Actions_2.svg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/ff8d73c69_Actions_1.svg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/560c1d769_Actions_6.svg","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/56f9bbd27_Actions_5.svg"]},{"key":"customShapeAssign","type":"selection-buttons","visible":true,"label":"Shape Distribution","options":[{"id":"Sequential","label":"Sequential"},{"id":"Random","label":"Random"}],"default":"Random"},{"key":"cornerRadius","label":"Corner Radius","default":100,"max":100,"type":"slider","visible":false,"min":0,"step":1},{"type":"section","label":"Grid Structure"},{"type":"selection-buttons","label":"Grid Type","key":"gridType","default":"Uniform","options":[{"id":"Uniform","label":"Uniform"},{"id":"Asymmetric","label":"Asymmetric"}]},{"key":"totalCells","label":"Total Cells","default":2,"max":50,"type":"slider","step":1,"min":2},{"key":"layoutSeed","default":1,"max":1000,"type":"slider","label":"Layout Seed","min":1,"step":1},{"default":1,"step":1,"max":100,"label":"Rows","min":1,"type":"slider","key":"rows"},{"min":1,"label":"Columns","max":100,"step":1,"default":5,"type":"slider","key":"cols"},{"label":"Grid Gap","min":0,"max":100,"default":10,"step":1,"type":"slider","key":"gap"},{"default":132,"label":"Edge Padding","key":"edgePadding","max":200,"type":"slider","min":0,"step":1},{"max":2000,"step":10,"type":"slider","min":-2000,"default":0,"key":"verticalScrollSpeed","label":"Vertical Offset"},{"label":"Typography","visible":false,"type":"section"},{"default":{"family":"Helvetica","style":"normal","weight":400,"url":null},"type":"font-selector","label":"Font Family","key":"fontFamily"},{"label":"Font Size","max":120,"min":10,"default":120,"key":"fontSize","step":1,"type":"slider"},{"type":"toggle","key":"autoFitText","label":"Auto-Fit Text","default":false},{"label":"Text Color","default":"#FFFFFF","type":"color","key":"textColor"},{"default":"left","options":[{"id":"left","label":"Left"},{"id":"center","label":"Center"},{"id":"right","label":"Right"}],"label":"Text Alignment","key":"textAlign","type":"selection-buttons"},{"type":"section","label":"Cell Appearance"},{"label":"Custom Cell Color","visible":false,"default":"#E27D60","key":"customCellColor","type":"color"},{"default":"#000000","type":"color","key":"emptyCellColor","label":"Empty Cell Color"},{"default":1,"key":"pieceStrokeWidth","label":"Piece Stroke Width","max":50,"type":"slider","step":1,"min":0}
260,{"default":"#FFFFFF","type":"color","label":"Piece Stroke Color","key":"pieceStrokeColor"},{"type":"toggle","default":true,"label":"Show Video","visible":false,"key":"showVideo"},{"label":"Cell Video Opacity","min":0,"max":100,"visible":false,"step":1,"type":"slider","default":100,"key":"videoOpacity"},{"label":"Captions","type":"section"},{"label":"Show Captions","default":false,"type":"toggle","key":"showCaptions"},{"default":"Outside Bottom","options":["Outside Bottom","Outside Top","Inside Bottom","Inside Top","Around Shape"],"type":"select","key":"captionPlacement","label":"Caption Placement"},{"max":100,"label":"Caption Offset","min":0,"step":1,"key":"captionOffset","default":10,"type":"slider"},{"label":"Caption Size","key":"captionSize","default":23,"type":"slider","min":8,"step":1,"max":48},{"key":"captionColor","type":"color","label":"Caption Color","default":"#FFFFFF"},{"label":"Animation","type":"section"},{"max":100,"step":1,"type":"slider","min":1,"key":"driftSpeed","label":"Drift Speed","default":14},{"step":1,"min":0,"default":0,"type":"slider","max":100,"label":"Scatter Force","key":"scatterForce"},{"label":"Motion Smoothness","min":0,"visible":false,"max":100,"default":100,"step":1,"type":"slider","key":"motionSmoothness"},{"key":"gatherCycle","type":"toggle","default":false,"label":"Gather & Disperse"},{"type":"slider","step":0.5,"default":1,"key":"gatherDuration","min":1,"max":12,"label":"Gather Cycle Duration"},{"key":"gatherHold","type":"slider","step":1,"default":0,"max":100,"min":0,"label":"Gather Hold"},{"default":true,"type":"toggle","key":"elementCollisions","label":"Element Collisions"},{"min":0,"step":1,"default":0,"type":"slider","max":100,"label":"Bounciness","key":"bounciness"},{"key":"bounceSpin","label":"Bounce Spin","default":0,"max":100,"type":"slider","min":0,"step":1},{"min":0,"step":1,"label":"Bounce Size Variation","type":"slider","max":100,"default":0,"key":"bounceSizeVariation"},{"type":"slider","key":"breathingAmount","step":1,"default":100,"max":100,"min":0,"label":"Breathing Amount"},{"step":1,"min":1,"max":100,"label":"Breathing Speed","type":"slider","default":100,"key":"breathingSpeed"},{"type":"slider","step":1,"default":20,"key":"parallaxIntensity","min":0,"max":100,"label":"Parallax Intensity"},{"default":true,"key":"animate","label":"Animation","type":"play-pause"},{"key":"resetGrid","type":"button","label":"Reset to Grid"},{"type":"section","label":"Global Media (Foreground)"},{"key":"foregroundImage","type":"image-picker","label":"Foreground Image","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/90bc2ccda_foregroundImage_mt2mojof.png"},{"type":"toggle","default":true,"key":"showForeground","label":"Show Foreground"},{"key":"foregroundOpacity","type":"slider","label":"Foreground Opacity","step":1,"default":100,"max":100,"min":0},{"key":"clearForegroundMedia","type":"button","label":"Clear Foreground Media"},{"type":"button","label":"Clear Foreground Layer","key":"clearForegroundLayer"},{"label":"Global Media (Background)","type":"section"},{"key":"backgroundVideo","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/32214a101_backgroundVideo_mt2moe2i.mp4","label":"Background Video","type":"video-picker"},{"type":"image-picker","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png","label":"Background Image","key":"backgroundImage"},{"default":true,"label":"Show Media as Background","type":"toggle","key":"showMediaAsBackground"},{"default":false,"key":"cellsRevealGlobalMedia","type":"toggle","label":"Use Background Media in Cells"},{"default":100,"max":100,"step":1,"min":0,"type":"slider","key":"bgVideoOpacity","label":"Background Media Opacity"}
260,{"type":"button","label":"Clear Background Media","key":"clearBackgroundMedia"},{"label":"Clear Background Layer","type":"button","key":"clearBackgroundLayer"},{"visible":false,"label":"Allow Overlap","default":false,"key":"allowOverlap","type":"toggle"},{"type":"slider","default":1,"key":"scaleMultiplier","step":0.1,"min":1,"label":"Scale Multiplier","max":10},{"key":"scatterDistance","default":600,"type":"slider","min":0,"label":"Scatter Distance","step":10,"max":1000},{"key":"subtleRotation","type":"slider","default":12.5,"label":"Subtle Rotation","step":0.5,"max":45,"min":0},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"solid","color":"#ffffff","image":null,"fit":"cover"}}],"libraries":[],"canvas_code_url":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/8ff1270dc_canvas_code_1790262854525.js","custom_css_url":null,"custom_css":null}]; 261(function(){ 262 var pool=window.__HERO_RAW_POOL__; 263 if(!pool||!pool.length)return; 264 var LAST_KEY='brik_hero_last_tool'; 265 var lastId=null; 266 try{lastId=localStorage.getItem(LAST_KEY);}catch(_){} 267 var idx=Math.floor(Math.random()*pool.length); 268 if(pool.length>1){var g=0;while(pool[idx]&&pool[idx].id===lastId&&g<20){idx=Math.floor(Math.random()*pool.length);g++;}} 269 var tool=pool[idx]; 270 if(!tool)return; 271 try{localStorage.setItem(LAST_KEY,tool.id);}catch(_){} 272 var codeP=tool.canvas_code_url?fetch(tool.canvas_code_url).then(function(r){return r.ok?r.text():Promise.resolve('');}).catch(function(){return'';}) :Promise.resolve(''); 273 var cssP=tool.custom_css_url?fetch(tool.custom_css_url).then(function(r){return r.ok?r.text():Promise.resolve('');}).catch(function(){return'';}) :Promise.resolve(tool.custom_css||''); 274 window.__HERO_PRELOAD__={}; 275 window.__HERO_PRELOAD__[tool.id]=Promise.all([codeP,cssP]).then(function(r){return{canvasCode:r[0],customCss:r[1]};}); 276 window.__HERO_PRELOAD_ID__=tool.id; 277})(); 278 </script>
278 279
279<script> 280 window.__BRIK_V2_TOOL_BUNDLES__={"remix-of-chroma-block-ascii-remix-mu3tj7ps":{"name":"Chroma Block Ascii","controls_schema":[{"label":"Source & Setup","type":"section"},{"label":"Source Type","key":"sourceType","default":"3dmodel","type":"selection-buttons","options":[{"id":"video","label":"Video"},{"id":"image","label":"Static Image"},{"id":"3dmodel","label":"3D Model"}]},{"type":"video-picker","label":"Source Video","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/e26ad23de_Vase25.mp4","key":"sourceVideo"},{"type":"image-picker","label":"Source Image","key":"sourceImage","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png"},{"key":"sourceModel","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/a54829131_mesh.glb","label":"Source 3D Model","type":"model-picker"},{"type":"model-picker","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/811a7c5da_Tripov32.glb","key":"sourceModel2","label":"Source 3D Model 2"},{"type":"slider","max":4,"default":1.6,"min":0,"label":"Model Spacing","step":0.1,"key":"modelSpacing"},{"step":0.05,"label":"Model Position X","key":"modelOffsetX","max":3,"default":0,"type":"slider","min":-3},{"min":-3,"max":3,"step":0.05,"type":"slider","key":"modelOffsetY","default":0,"label":"Model Position Y"},{"key":"spinSpeed","step":0.1,"default":0.3,"label":"3D Spin Speed","min":0,"max":10,"type":"slider"},{"type":"selection-buttons","label":"3D Spin Axis","options":[{"id":"Y","label":"Y"},{"id":"X","label":"X"},{"id":"XY","label":"XY"}],"default":"XY","key":"spinAxis"},{"label":"3D Light Intensity","type":"slider","key":"lightIntensity","default":3.4,"max":5,"step":0.1,"min":0.2},{"min":0.2,"max":3,"label":"3D Scale","step":0.05,"default":1.05,"type":"slider","key":"modelScale"},{"min":0.2,"default":1.05,"max":3,"step":0.05,"key":"modelScale2","type":"slider","label":"3D Scale 2"},{"label":"Render Mode","options":[{"id":"fastPixels","label":"Fast Pixels (Original Colors)"},{"id":"shapes","label":"Shapes & Text (Luma Layers)"},{"id":"images","label":"Custom Images (Luma Layers)"}],"key":"renderMode","type":"select","default":"shapes"},{"max":300,"default":155,"min":10,"step":5,"type":"slider","key":"outputScale","label":"Output Scale (%)"},{"type":"section","label":"Grid & Display"},{"max":400,"step":1,"min":4,"label":"Grid Resolution (Base)","type":"slider","default":400,"key":"resolution"},{"step":1,"key":"itemSpacing","label":"Item Spacing (%)","max":90,"type":"slider","default":0,"min":0},{"default":11,"label":"Contrast","key":"contrast","type":"slider","min":-100,"step":1,"max":100},{"min":-100,"max":100,"default":18,"step":1,"type":"slider","key":"brightness","label":"Brightness"},{"label":"Grid Animation","type":"section"},{"min":0.1,"type":"slider","default":9.5,"max":10,"key":"animDuration","label":"Grid Anim Duration","step":0.1},{"key":"animPause","step":0.1,"default":4.3,"min":0,"label":"Grid Anim Pause","type":"slider","max":5},{"default":"Linear","key":"animEasing","options":["Linear","Sine","Quad","Smoothstep"],"label":"Grid Anim Easing","type":"select"},{"type":"slider","max":100,"label":"Grid Anim Range","min":0,"default":0,"step":1,"key":"animRange"},{"label":"Layer 1 (Darkest Tones)","type":"section"},{"key":"l1Color","default":"#FAFAFA","type":"color","label":"L1 Color"},{"default":"â","type":"select","options":[{"id":"â","label":"Solid Block"},{"id":"â","label":"Dark Shade"},{"id":"â","label":"Medium Shade"},{"id":"â","label":"Light Shade"},{"id":"â ","label":"Black Square"},{"id":"â¡","label":"White Square"},{"id":"â¦","label":"Orthogonal Crosshatch"},{"id":"â©","label":"Diagonal Crosshatch"},{"id":"â£","label":"Target Square"},{"id":" \\t","label":"Empty Space"}],"label":"L1 Shape","key":"l1Shape"},{"type":"image-picker","label":"L1 Custom Image (PNG)","key":"l1Image","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png"},{"key":"l1Tint","type":"toggle","label":"L1 Tint Custom Image","default":true},{"type":"section","label":"Layer 2 (Mid-Dark Tones)"},{"type":"color","label":"L2 Color","key":"l2Color","default":"#F955B2"},{"type":"select","default":"â","options":[{"id":"â","label":"Solid Block"},{"id":"â","label":"Dark Shade"},{"id":"â","label":"Medium Shade"},{"id":"â","label":"Light Shade"},{"id":"â ","label":"Black Square"},{"id":"â¡","label":"White Square"},{"id":"â¦","label":"Orthogonal Crosshatch"},{"id":"â©","label":"Diagonal Crosshatch"},{"id":"â£","label":"Target Square"},{"id":" \\t","label":"Empty Space"}],"key":"l2Shape","label":"L2 Shape"},{"key":"l2Image","label":"L2 Custom Image (PNG)","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png","type":"image-picker"},{"label":"L2 Tint Custom Image","default":true,"key":"l2Tint","type":"toggle"},{"label":"Layer 3 (Mid-Light Tones)","type":"section"},{"key":"l3Color","type":"color","default":"#A199FF","label":"L3 Color"},{"options":[{"id":"â","label":"Solid Block"},{"id":"â","label":"Dark Shade"},{"id":"â","label":"Medium Shade"},{"id":"â","label":"Light Shade"},{"id":"â ","label":"Black Square"},{"id":"â¡","label":"White Square"},{"id":"â¦","label":"Orthogonal Crosshatch"},{"id":"â©","label":"Diagonal Crosshatch"},{"id":"â£","label":"Target Square"},{"id":" \\t","label":"Empty Space"}],"type":"select","default":"â¦","label":"L3 Shape","key":"l3Shape"},{"default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png","type":"image-picker","label":"L3 Custom Image (PNG)","key":"l3Image"},{"label":"L3 Tint Custom Image","key":"l3Tint","type":"toggle","default":true},{"type":"section","label":"Layer 4 (Lightest Tones)"},{"key":"l4Color","type":"color","label":"L4 Color","default":"#36D972"},{"default":"â","type":"select","label":"L4 Shape","key":"l4Shape","options":[{"id":"â","label":"Solid Block"},{"id":"â","label":"Dark Shade"},{"id":"â","label":"Medium Shade"},{"id":"â","label":"Light Shade"},{"id":"â ","label":"Black Square"},{"id":"â¡","label":"White Square"},{"id":"â¦","label":"Orthogonal Crosshatch"},{"id":"â©","label":"Diagonal Crosshatch"},{"id":"â£","label":"Target Square"},{"id":" \\t","label":"Empty Space"}]},{"label":"L4 Custom Image (PNG)","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/106d02931_Animals_6.png","type":"image-picker","key":"l4Image"},{"type":"toggle","default":true,"label":"L4 Tint Custom Image","key":"l4Tint"}],"libraries":[],"custom_css":""},"remix-of-spider-web-7-mu1agyvc":{"name":"Remix of Spider Web 7","controls_schema":[{"collapsed":false,"type":"section","label":"Text Content & Style"},{"key":"text_content","label":"Text Content","default":"Go on\nmake\nsomething!","type":"textarea"},{"max":4000,"key":"text_size","default":1740,"label":"Text Size","min":10,"type":"slider"},{"default":0.9,"label":"Line Height","key":"line_height","max":3,"type":"slider","step":0.1,"min":0.5},{"min":-50,"type":"slider","key":"letter_spacing","max":100,"label":"Letter Spacing","default":-8},{"key":"text_align","label":"Text Alignment","default":"center","options":["left","center","right"],"type":"select"},{"label":"Text Opacity","default":100,"max":100,"key":"text_opacity","type":"slider","min":0},{"key":"text_stroke_enable","default":false,"label":"Enable Text Outline","type":"toggle"},{"key":"text_stroke_width","max":20,"label":"Outline Width","default":7,"min":1,"type":"slider"},{"type":"select","options":["Instrument Serif","DM Sans","Inter","Neue Haas Grotesk Display Pro","Georgia"],"label":"Font Family","default":"Inter","key":"font_family"},{"label":"Source & Media","type":"section","collapsed":false},{"default":"Text","label":"Source Type","key":"source_type","type":"select","options":["Text","Video","Text + Video"]},{"accept":"image/*,video/*","type":"file","key":"media","label":"Upload Image or Video","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c03c069b8_media_mo1hyz64.mp4"},{"type":"section","label":"Text Animation","collapsed":false},{"step":0.1,"type":"slider","min":0,"default":1.6,"label":"Animation Speed","key":"text_anim_speed","max":10},{"min":0,"type":"slider","max":1000,"key":"text_anim_x","default":84,"label":"Move by X"},{"min":0,"type":"slider","max":1000,"key":"text_anim_y","label":"Move by Y","default":191},{"options":["Static","Oscillate","Left to Right","Right to Left","Ping Pong"],"type":"select","key":"text_move_mode","label":"Movement Mode","default":"Oscillate"},{"collapsed":true,"label":"Text Color & Effects","type":"section"},{"max":360,"key":"text_hue","label":"Text Hue","default":212,"min":0,"type":"slider"},{"default":100,"label":"Text Saturation","key":"text_saturation","max":100,"type":"slider","min":0},{"label":"Text Lightness","default":84,"key":"text_lightness","max":100,"type":"slider","min":0},{"key":"text_hue_osc_power","max":180,"default":160,"label":"Hue Oscillation Power (Text)","min":0,"type":"slider"},{"min":0,"step":0.1,"type":"slider","max":10,"key":"text_hue_osc_speed","default":0,"label":"Oscillation Speed (Text)"}
280,{"collapsed":true,"type":"section","label":"Background Color"},{"label":"Background Hue","default":19,"key":"bg_hue","max":360,"type":"slider","min":0},{"default":100,"label":"Background Saturation","key":"bg_saturation","max":100,"type":"slider","min":0},{"max":100,"key":"bg_lightness","default":36,"label":"Background Lightness","min":0,"type":"slider"},{"type":"slider","min":0,"label":"Hue Oscillation Power (BG)","default":0,"key":"bg_hue_osc_power","max":180},{"step":0.1,"type":"slider","min":0,"default":0,"label":"Oscillation Speed (BG)","key":"bg_hue_osc_speed","max":10},{"label":"Grid & Lens Settings","type":"section","collapsed":true},{"key":"enable_grid","label":"Enable Grid Effect","default":true,"type":"toggle"},{"min":1,"type":"slider","step":1,"key":"gridX","max":100,"default":1,"label":"Columns (X)"},{"max":100,"key":"gridY","label":"Rows (Y)","default":1,"min":1,"type":"slider","step":1},{"max":1,"key":"refraction","default":1,"label":"Refraction Strength","min":0,"type":"slider","step":0.01},{"min":0.1,"step":0.01,"type":"slider","max":2,"key":"scale","default":0.1,"label":"Internal Zoom"},{"options":["spherical","prismatic","flat"],"type":"select","key":"shape","default":"prismatic","label":"Lens Shape"},{"step":0.001,"type":"slider","min":0,"default":0,"label":"Chromatic Aberration","max":0.1,"key":"aberration"},{"default":0.9,"label":"Edge Softness (Lens)","key":"softness","max":1,"type":"slider","step":0.01,"min":0},{"default":false,"label":"Pulse Effect (Lens)","type":"toggle","key":"animate_pulse"},{"step":0.1,"type":"slider","min":0.1,"label":"Pulse Speed (Lens)","default":0.1,"max":5,"key":"pulse_speed_lens"},{"key":"reset_all","type":"button","label":"Reset All Settings"},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"none","color":"#ffffff","image":null,"fit":"cover"}}],"libraries":[],"custom_css":""},"remix-of-3d-renderer-mtx3lfnt":{"name":"Remix of 3D Renderer","controls_schema":[{"label":"Brush & Painting","type":"section"},{"type":"selection-buttons","label":"Mode","options":[{"id":"Paint","label":"Paint Surface"},{"id":"Orbit","label":"Orbit Camera"}],"default":"Paint","key":"interactionMode"},{"key":"brushColor","default":"blue","label":"Brush Color","options":[{"id":"green","label":"Green"},{"id":"red","label":"Red"},{"id":"blue","label":"Blue"}],"type":"selection-buttons"},{"key":"customColor","default":"#0AFF89","type":"color","label":"Custom Color"},{"key":"brushSize","min":4,"type":"slider","label":"Brush Size","default":17,"max":100,"step":1},{"label":"Brush Softness","step":0.05,"min":0,"default":0.6,"key":"brushSoftness","max":1,"type":"slider"},{"key":"clearCanvas","type":"button","label":"Clear All Paint"},{"label":"3D Model & Surface","type":"section"},{"options":[{"id":"sphere","label":"Sphere"},{"id":"torusKnot","label":"Torus Knot"},{"id":"cube","label":"Cube"},{"id":"cylinder","label":"Cylinder"},{"id":"custom","label":"3D Model Asset"}],"key":"primitiveShape","default":"custom","type":"select","label":"Shape"},{"label":"3D Model Asset","key":"model","default":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f606223a1_BlueHouse_baked.glb","type":"model-picker"},{"key":"baseColor","default":"#E0E0E0","type":"color","label":"Surface Base Color"},{"type":"slider","default":0.35,"label":"Roughness","max":1,"step":0.05,"key":"roughness","min":0},{"min":0,"key":"metalness","default":1,"step":0.05,"max":1,"label":"Metalness","type":"slider"},{"label":"Lighting & View","type":"section"},{"label":"Light Intensity","step":0.1,"key":"lightIntensity","min":0.2,"default":2.5,"max":5,"type":"slider"},{"type":"toggle","key":"autoRotate","label":"Auto-Rotate Model","default":true},{"label":"Reset Camera View","key":"resetCamera","type":"button"},{"type":"state","key":"cameraState","default":{"__stateUrl":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/1a61bf507_state_cameraState_1789229137345.json"}},{"default":null,"key":"canvasState","type":"state"}],"libraries":[],"custom_css":""},"remix-of-remix-of-remix-of-remix-of-circular-per-mu3wbefr":{"name":"Remix of Remix of Remix of Remix of Circular Per","controls_schema":[{"label":"Animation","collapsed":false,"type":"section"},{"label":"Play/Pause","default":true,"type":"play-pause","key":"playing"},{"label":"Rotation Speed","step":0.001,"type":"slider","min":0,"max":0.05,"default":0.005,"key":"speed"},{"type":"section","label":"Layout & Style","collapsed":false},{"label":"Site Screenshots","key":"images","default":["https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/7fcb1fcc6_remix-of-flag-v1-2026-09-1614.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/1f6572ff9_choreographed-grid-gallery-2026-09-163.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/3f11fb5eb_yayoi-you-me-2026-09-162.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/fa84db859_remix-of-blueprint-video-scanner
280-2026-09-162.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/53d2ed7b9_tactile-press-type-2026-09-163.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/4228d00bf_spider-web-7-2026-09-1624.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c615534a7_trivision-3d-canvas-2026-09-163.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/0c2d6fe71_remix-of-remix-of-remix-of-the-gaze-response-2026-09-163.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/9190cc70f_elastic-typographic-grid-2026-09-1613.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/c198e7fa2_psychedelic-2026-09-1611.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/d7b733ec3_what-are-you-looking-at-2026-09-165.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6a74843b8_prismatic-kaleidoscope-motion-2026-09-1613.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/8307f38a2_label-block-type-2026-09-163.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/2bea5e4f7_remix-of-piece-by-piece-2026-09-1611.png","https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/af7942db9_hole-punch-masking-2026-09-161.png"],"type":"multi-image"},{"label":"Orbit Width","type":"slider","min":100,"default":264,"key":"radius_x","max":600},{"type":"slider","min":0,"key":"radius_y","max":400,"label":"Orbit Height (Tilt)","default":342},{"default":255,"label":"Card Base Width","type":"slider","min":100,"key":"card_width","max":600},{"default":0.35,"key":"card_tilt","max":1.5,"min":0,"type":"slider","step":0.01,"label":"Card Tilt Strength"},{"max":50,"key":"corner_radius","label":"Corner Radius","type":"slider","default":0,"min":0},{"default":0.79,"min":0.1,"step":0.01,"max":1,"key":"perspective_strength","type":"slider","label":"Perspective Strength"},{"min":3,"default":15,"max":30,"key":"count","label":"Number of Sites","type":"slider"},{"type":"state","default":{"__stateUrl":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/8bdf9b636_state_canvasState_1789550758377.json"},"key":"canvasState"},{"type":"section","label":"Background","collapsed":true},{"type":"background-settings","key":"__sys_bg","label":"Background","default":{"mode":"solid","color":"#ffffff","image":null,"fit":"cover"}}],"libraries":[],"custom_css":""}}; 281(function(){ 282 var sources=[{"slug":"remix-of-chroma-block-ascii-remix-mu3tj7ps","code":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/e22025e13_canvas_code_1789573625029.js","css":""},{"slug":"remix-of-spider-web-7-mu1agyvc","code":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/6ef2a29d0_canvas_code_1789626729071.js","css":""},{"slug":"remix-of-3d-renderer-mtx3lfnt","code":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/02877133b_canvas_code_1789229138635.js","css":""},{"slug":"remix-of-remix-of-remix-of-remix-of-circular-per-mu3wbefr","code":"https://base44.app/api/apps/69cbcd44d3da2a5cef013f5e/files/mp/public/69cbcd44d3da2a5cef013f5e/f48ab2009_canvas_code_1789550759767.js","css":""}]; 283 var text=function(url,fallback){ 284 return url?fetch(url).then(function(r){return r.ok?r.text():fallback;}).catch(function(){return fallback;}):Promise.resolve(fallback); 285 }; 286 window.__BRIK_V2_TOOL_PRELOAD__={}; 287 sources.forEach(function(s){ 288 window.__BRIK_V2_TOOL_PRELOAD__[s.slug]=Promise.all([text(s.code,''),text(s.css,'')]) 289 .then(function(r){return{canvasCode:r[0],customCss:r[1]};}); 290 }); 291})(); 292 </script>
292 293 <meta content="https://brik.space/about" name="twitter:url"/> 294
294<script> 295 (function () { 296 var titles = {}; 297 // PascalCase boundaries -> "-", mirroring _PASCAL_BOUNDARY_RE without lookbehind 298 // (old Safari fails to PARSE a lookbehind, taking the whole script down). 299 var dashed = function (s) { 300 return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2"); 301 }; 302 var decode = function (s) { 303 // A %2F inside ONE segment must not become a structural separator: /blog/foo%2Fbar is a 304 // dynamic slug, and letting it split would match a static /blog/foo/bar and write ITS title. 305 try { var d = decodeURIComponent(s); return d.indexOf("/") < 0 ? d : s; } catch (e) { return s; } 306 }; 307 var segments = function (path) { return path.split("/").filter(Boolean).map(decode); }; 308 var norm = function (path) { 309 var parts = segments(path).map(function (s) { return dashed(s).toLowerCase(); }); 310 return parts.length ? "/" + parts.join("/") : "/"; 311 }; 312 var lastPath = location.pathname, written = document.title, on = true; 313 var sync = function () { 314 // Path only: a hash/query change is the same page, and the SDK strips its own auth 315 // params with replaceState -- neither must clobber a server-rendered title in place. 316 if (!on || location.pathname === lastPath) return; 317 lastPath = location.pathname; 318 if (document.title !== written) { on = false; return; } 319 // Write ONLY a title the map proves. An unmapped path is a dynamic route (/blog/:slug) the 320 // map cannot carry, and writing a placeholder there is destructive, not merely vague: the 321 // prerender worker runs no setUserAgent, so its capture browser reads as human and executes 322 // this script, and coordinator.js's settle wait explicitly tolerates a full navigation -- 323 // a redirect landing on an unmapped path would bake the placeholder into the stored 324 // snapshot. Leaving the title alone degrades to today's behavior instead. 325 // Exact lookup only. A dash-stripped retry here would let a genuinely different /set-up 326 // claim /setup: the map carries a dash-free key only where a PascalCase boundary put the 327 // dashes there, and the client cannot tell the two apart. The map emits every reachable 328 // shape per segment instead (_client_url_variants). 329 var title = titles[norm(location.pathname)]; 330 if (title === undefined) return; 331 document.title = title; 332 // Re-read: the setter stores verbatim but the getter strips and collapses whitespace, so 333 // keeping the assigned string would make the next sync() read our own write as the app's. 334 written = document.title; 335 }; 336 var wrap = function (fn) { 337 // The history entry is already pushed by the time sync() runs, so a throw here would 338 // surface inside the host app's router and break navigation. This is injected into apps 339 // we cannot test, so it swallows rather than trusting the trace. 340 return function () { 341 var r = fn.apply(this, arguments); 342 try { sync(); } catch (e) {} 343 return r; 344 }; 345 }; 346 history.pushState = wrap(history.pushState); 347 history.replaceState = wrap(history.replaceState); 348 window.addEventListener("popstate", sync); 349})(); 350 </script>
350 351 <meta content="yes" name="mobile-web-app-capable"/> 352 <meta content="black" name="apple-mobile-web-app-status-bar-style"/> 353 <meta content="Brik" name="apple-mobile-web-app-title"/> 354 <link href="https://brik.space/about" rel="canonical"/> 355
355<script data-seo-source="builder" type="application/ld+json"> 356 {"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://brik.space/"}, {"@type": "ListItem", "position": 2, "name": "about", "item": "https://brik.space/about"}]} 357 </script>
357 358
358<script> 359 (function(){var SAMPLING_RATE=1.0;var sid=(crypto.randomUUID&&crypto.randomUUID())||(Date.now()+'-'+Math.random().toString(36).slice(2));function samplingValue(v){var h=2166136261;for(var i=0;i<v.length;i++){h^=v.charCodeAt(i);h=Math.imul(h,16777619);}return(h>>>0)/4294967296;}var _sampledOut=samplingValue(sid)>=SAMPLING_RATE;window.Base44=window.Base44||{};if(_sampledOut){var _noop=function(){};window.Base44.recordings=Object.freeze({version:'1',setUserID:_noop,setUserAnonymousID:_noop,setMetadata:_noop,event:_noop,issue:_noop,start:_noop,stop:_noop,isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_noop});try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}var s=document.createElement('script');window.Base44.__preQ=window.Base44.__preQ||[];if(!window.Base44.recordings){var _pre=function(m){return function(){if(window.Base44.__preQ.length<100)window.Base44.__preQ.push([m,Array.prototype.slice.call(arguments)]);};};window.Base44.recordings={version:'1',setUserID:_pre('setUserID'),setUserAnonymousID:_pre('setUserAnonymousID'),setMetadata:_pre('setMetadata'),event:_pre('event'),issue:_pre('issue'),start:_pre('start'),stop:_pre('stop'),isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_pre('forceFlushBatch')};}s.src='https://unpkg.com/[email protected]/dist/rrweb.umd.cjs';s.integrity='sha384-vi2VGEOczLoSZVrAqXzYd5VWgeBvxiOEgda6/sVzRK+lvhbs9TuqZ474UUptLXLB';s.crossOrigin='anonymous';s.async=true;s.onload=function(){if(!window.rrweb)return;var _started=false;var APP_ID="69cbcd44d3da2a5cef013f5e";var INGEST_TOKEN="wjLsJ0Y__VEtcqRdsptm13f6tC6re8XDQVc67rjB_dY";var NETWORK_IGNORE_HEADERS=["cookie", "set-cookie", "authorization", "x-api-key"];var buffer=[];var lastFlush=Date.now();var recorderStopFn=null;var _stopRequested=false;var MAX_SESSION_MS=1800000;var IDLE_TIMEOUT_MS=900000;var lastActivityAt=0;var idleTimer=null;var maxTimer=null;var _sdkActive=null;var _sdkPending=[];var SDK_CAP=256;var sdkSafe=function(v){try{return String(v).slice(0,SDK_CAP);}catch(_){return '';}};var sdkDeep=function(v){try{return JSON.parse(JSON.stringify(v||{}));}catch(_){return {};}};var sdkEmit=function(method,payload){if(_sampledOut)return;var ev={method:method,payload:payload||{}};if(_sdkActive){try{_sdkActive('base44_sdk',Object.assign({method:method},payload||{}));}catch(_){}return;}if(_sdkPending.length<100)_sdkPending.push(ev);};window.Base44=window.Base44||{};window.Base44.recordings=Object.freeze({version:'1',setUserID:function(id){sdkEmit('setUserID',{value:sdkSafe(id)});},setUserAnonymousID:function(id){sdkEmit('setUserAnonymousID',{value:sdkSafe(id)});},setMetadata:function(key,value){if(_sampledOut)return;if(typeof key!=='string'||key.length>64)return;var v;try{v=JSON.parse(JSON.stringify(value));}catch(_){return;}sdkEmit('setMetadata',{key:key,value:v});},event:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('event',{name:name.slice(0,64),payload:sdkDeep(payload)});},issue:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('issue',{name:name.slice(0,64),payload:sdkDeep(payload)});},start:function(){},stop:function(){stopRecording('manual',true);},isActive:function(){return !_sampledOut&&!_stopRequested&&!!recorderStopFn;},getSessionID:function(){return _sampledOut?null:sid;},getSessionURL:function(){return null;},forceFlushBatch:function(){if(_sampledOut)return;try{flush(false);}catch(_){}}});if(window.Base44.__preQ&&window.Base44.__preQ.length){var _pq=window.Base44.__preQ;window.Base44.__preQ=[];for(var _qi=0;_qi<_pq.length;_qi++){var _m=_pq[_qi][0],_a=_pq[_qi][1];try{var _fn=window.Base44.recordings[_m];if(typeof _fn==='function')_fn.apply(null,_a);}catch(_){}}}function redactUrl(u){try{u=String(u||'');var q=u.indexOf('?');if(q>=0)u=u.slice(0,q);var h=u.indexOf('#');if(h>=0)u=u.slice(0,h);return u;}catch(_){return'';}}function redactText(s){try{s=String(s||'');return s.replace(/https?:\/\/[^\s)'\"]+|\/[^\s)'\"]*[?#][^\s)'\"]*/g,function(m){return redactUrl(m);});}catch(_){return'';}}function stopRecording(reason,dropBuffered){if(_stopRequested){if(dropBuffered)buffer.length=0;return;}if(!dropBuffered){try{flush(false);}catch(_){}}_stopRequested=true;buffer.length=0;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}idleTimer=null;}if(maxTimer){try{clearTimeout(maxTimer);}catch(_){}maxTimer=null;}if(recorderStopFn){try{recorderStopFn();recorderStopFn=null;}catch(_){}}
359try{if(reason)console.debug('[base44 recordings] stopped: '+reason);}catch(_){}}function scheduleIdleStop(){if(_stopRequested)return;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}}var wait=IDLE_TIMEOUT_MS-(Date.now()-lastActivityAt);if(wait<0)wait=0;idleTimer=setTimeout(function(){if(_stopRequested)return;if(Date.now()-lastActivityAt>=IDLE_TIMEOUT_MS)stopRecording('idle_timeout',false);else scheduleIdleStop();},wait);}function markActivity(){if(_stopRequested)return;lastActivityAt=Date.now();scheduleIdleStop();}function isMeaningfulActivityEvent(ev){try{return !!(ev&&ev.type===3&&ev.data&&((ev.data.source===2&&(ev.data.type===2||ev.data.type===4||ev.data.type===9))||ev.data.source===3||ev.data.source===5));}catch(_){return false;}}function sessionLifetimeCapture(){lastActivityAt=Date.now();maxTimer=setTimeout(function(){stopRecording('max_duration',false);},MAX_SESSION_MS);scheduleIdleStop();}function flush(ka){if(_stopRequested){buffer.length=0;return;}if(!buffer.length)return;var tok=null;try{tok=localStorage.getItem('base44_access_token');}catch(_){}var payload={app_id:APP_ID,session_id:sid,events:buffer.splice(0),page_url:redactUrl(location.href),user_agent:navigator.userAgent,access_token:tok};lastFlush=Date.now();var opts={method:'POST',headers:{'Content-Type':'application/json','X-Base44-Recording-Token':INGEST_TOKEN},body:JSON.stringify(payload)};if(ka)opts.keepalive=true;fetch('/api/runtime/session-recordings/ingest',opts).then(function(r){try{var skip=r.headers.get('X-Base44-Recording-Skip');if(skip==='excluded'||skip==='admin'){stopRecording('excluded',true);return;}if(skip==='sampled'){stopRecording('sampled',true);return;}}catch(_){}if(!r.ok){try{console.warn('session-recordings ingest http',r.status);}catch(_){}try{if(r.status===429&&r.headers.get('X-Base44-Recording-Limit')==='reached'){stopRecording('quota_reached',true);}}catch(_){}}}).catch(function(e){try{console.warn('session-recordings ingest err',e);}catch(_){}});}function devtoolsCapture(){if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var add=window.rrweb.record.addCustomEvent;var inside=false;function safe(fn){return function(){if(inside)return;inside=true;try{return fn.apply(this,arguments);}finally{inside=false;}};}['log','info','warn','error','debug'].forEach(function(level){var orig=console[level];if(!orig)return;console[level]=function(){try{add('console',{level:level});}catch(_){}return orig.apply(console,arguments);};});window.addEventListener('error',safe(function(e){add('error',{message:redactText(String(e.message||'unknown')),source:redactUrl(e.filename||''),line:e.lineno||0,col:e.colno||0,stack:e.error&&e.error.stack?redactText(String(e.error.stack).slice(0,1000)):''});}));window.addEventListener('unhandledrejection',safe(function(e){var r=e.reason||{};add('error',{message:redactText(String(r.message||r||'unhandled rejection')),stack:r.stack?redactText(String(r.stack).slice(0,1000)):'',rejection:true});}));if(window.fetch){var of=window.fetch.bind(window);window.fetch=function(input,init){var t0=performance.now();var method=(init&&init.method)||(input&&input.method)||'GET';var url=typeof input==='string'?input:(input&&input.url)||'';if(url.indexOf('/api/runtime/session-recordings/ingest')>=0)return of(input,init);var rurl=redactUrl(url);return of(input,init).then(function(r){try{add('network',{kind:'fetch',method:method,url:rurl,status:r.status,duration:Math.round(performance.now()-t0)});}catch(_){}return r;}).catch(function(e){try{add('network',{kind:'fetch',method:method,url:rurl,status:0,duration:Math.round(performance.now()-t0),error:String(e&&e.message||e)});}catch(_){}throw e;});};}if(window.XMLHttpRequest){var xp=window.XMLHttpRequest.prototype;var oo=xp.open,os=xp.send;xp.open=function(m,u){this.__gp_m=m;this.__gp_u=u;return oo.apply(this,arguments);};xp.send=function(){var xhr=this,t0=performance.now();xhr.addEventListener('loadend',function(){try{if((xhr.__gp_u||'').indexOf('/api/runtime/session-recordings/ingest')<0)add('network',{kind:'xhr',method:xhr.__gp_m||'GET',url:redactUrl(xhr.__gp_u),status:xhr.status,duration:Math.round(performance.now()-t0)});}catch(_){}});return os.apply(this,arguments);};}}var EMAIL_RE=/([a-zA-Z0-9._%+-]+)@([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/g;var MASK_EMAILS=true;var MASK_NUMBERS=false;var CAPTURE_IFRAMES=true;function maskTextFn(text){if(!MASK_EMAILS||typeof text!=='string')return text;return text.replace(EMAIL_RE,'[email]');}function performanceCapture(){if(!('PerformanceObserver' in window))return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addPerf=window.rrweb.record.addCustomEvent;function emit(metric,value){try{addPerf('performance',{metric:metric,value:value,timestamp:Date.now()});}catch(_){}}try{new PerformanceObserver(function(list){var entries=list.getEntries();var last=entries[entries.length-1];if(last)emit('LCP',Math.round(last.renderTime||last.loadTime||last.startTime||0));}).observe({type:'largest-contentful-paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('FID',Math.round(e.processingStart-e.startTime));}}).observe({type:'first-input',buffered:true});}catch(_){}try{var clsValue=0;new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(!e.hadRecentInput){clsValue+=e.value;}}emit('CLS',Math.round(clsValue*1000)/1000);}).observe({type:'layout-shift',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(e.name==='first-contentful-paint')emit('FCP',Math.round(e.startTime));}}).observe({type:'paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('TTFB',Math.round(e.responseStart));}}).observe({type:'navigation',buffered:true});}catch(_){}}function issueCapture(){if(_sampledOut)return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addIssue=window.rrweb.record.addCustomEvent;var _crashEmitted=false;function emitIssue(kind){var page='';try{page=location.pathname;}catch(_){}try{addIssue('base44_issue',{kind:kind,page:page});}catch(_){}}var isReload=false;try{if(performance.getEntriesByType){var navEntry=performance.getEntriesByType('navigation')[0];if(navEntry&&navEntry.type==='reload')isReload=true;}}catch(_){}if(!isReload){try{if(performance.navigation&&performance.navigation.type===1)isReload=true;}catch(_){}}if(isReload)emitIssue('page_refresh');try{window.addEventListener('unhandledrejection',function(){try{if(_crashEmitted)return;_crashEmitted=true;emitIssue('app_crash');}catch(_){}},true);}catch(_){}}function startRecord(){if(_started)return;if(_stopRequested){try{console.debug('[base44 recordings] stop requested before start; not recording');}catch(_){}return;}if(_sampledOut){try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}_started=true;var maskInputOptions={password:true,email:true};if(MASK_NUMBERS){maskInputOptions.number=true;maskInputOptions.tel=true;maskInputOptions.date=true;}var recordOpts={emit:function(ev){if(_stopRequested)return;if(isMeaningfulActivityEvent(ev))markActivity();try{if(ev&&ev.type===4&&ev.data&&typeof ev.data.href==='string')ev.data.href=redactUrl(ev.data.href);}catch(_){}buffer.push(ev);if(ev.type===2){flush(false);return;}if(buffer.length>=50||Date.now()-lastFlush>5000)flush(false);},maskAllInputs:true,maskInputOptions:maskInputOptions,maskTextFn:maskTextFn,maskTextSelector:'.session-record-mask,[data-no-record]',blockSelector:'.session-record-block,[data-no-record-block]',recordCanvas:false,inlineStylesheet:true,checkoutEveryNms:60000};if(CAPTURE_IFRAMES)recordOpts.iframe=true;recorderStopFn=window.rrweb.record(recordOpts);if(window.rrweb.record.addCustomEvent){_sdkActive=window.rrweb.record.addCustomEvent;for(var _i=0;_i<_sdkPending.length;_i++){var _e=_sdkPending[_i];try{_sdkActive('base44_sdk',Object.assign({method:_e.method},_e.payload||{}));}catch(_){}}_sdkPending=[];}devtoolsCapture();performanceCapture();issueCapture();sessionLifetimeCapture();setTimeout(function(){try{window.rrweb.record.takeFullSnapshot&&window.rrweb.record.takeFullSnapshot(true);}catch(_){}},1500);setInterval(function(){flush(false);},5000);window.addEventListener('beforeunload',function(){flush(true);});}function whenReady(){var tries=0;function check(){var root=document.getElementById('root')||document.querySelector('main')||document.body;if(root&&root.childElementCount>0)return startRecord();if(++tries>50)return startRecord();setTimeout(check,100);}check();}
359if(document.readyState==='complete')whenReady();else window.addEventListener('load',whenReady);};(document.head||document.body).appendChild(s);})(); 360 </script>
360 361 </head> 362 <body> 363 <!-- Static homepage snapshot for AI/search crawlers that do not execute JS. 364 hidden + CSS so it never paints before React createRoot replaces #root. --> 365 <div id="root"> 366 <main hidden="" id="crawler-home"> 367 <h1> 368 Create visuals you can control 369 </h1> 370 <p> 371 Brik builds your vision into living design â interactive, exportable, fully yours, so you 372 can shape rich experiences end to end. 373 </p> 374 <p> 375 Build your tailor-made stack of AI-powered design tools for animations, 2D and 3D visuals, 376 text effects, and images. Remix, share, export, and scale. 377 </p> 378 <h2> 379 What is Brik? 380 </h2> 381 <p> 382 Brik is an agentic platform with the mindset of a creative director â built for creating, 383 sharing, and utilizing high-end interactive design tools. Instead of producing assets one 384 by one, you define how things should look, move, and behave, and turn that into a system 385 that scales across formats, brands, and use cases. Describe your creative vision in your 386 own language and a Brik agent turns it into a dynamic, visually compelling design tool. 387 From there, every tool becomes an instrument â ready to be shaped, remixed, and played to 388 generate assets on demand. 389 </p> 390 <h2> 391 What can I create with Brik? 392 </h2> 393 <h3> 394 Motion, type, and 3D 395 </h3> 396 <p> 397 Interactive, real-time experiences â from kinetic typography and scroll effects to 3D 398 visuals and immersive WebGL interactions. Generate dynamic logo systems, scalable social 399 and ad assets, and fully functional creative tools. You are not just creating outputs â 400 you are defining how things behave. 401 </p> 402 <h3> 403 Export and reuse 404 </h3> 405 <p> 406 No code required. Work with prompts and visual controls â sliders, toggles, inputs. Export 407 high-quality images, video including transparent video, or clean embed and HTML for 408 websites, products, social, decks, and campaigns. 409 <a href="/gallery"> 410 Explore the gallery 411 </a> 412 or 413 <a href="/about"> 414 learn more about Brik 415 </a> 416 . 417 </p> 418 <h2> 419 Frequently Asked Questions 420 </h2> 421 <h3> 422 What is Brik? 423 </h3> 424 <p> 425 Brik is an agentic platform with the mindset of a creative director - built for creating, 426 sharing, and utilizing high-end interactive design tools. Instead of producing assets one 427 by one, you define how things should look, move, and behave - and turn that into a system 428 that scales across formats, brands, and use cases. Just describe your creative vision in 429 your own language - seriously, Brik understands you - and a Brik agent turns it into a 430 dynamic, visually compelling design tool. From there, every tool becomes an instrument - 431 ready to be shaped, remixed, and played to generate assets on demand. 432 </p> 433 <h3> 434 What can I create with Brik? 435 </h3> 436 <p> 437 Interactive, real-time experiences - from kinetic typography and scroll effects to 3D 438 visuals and immersive WebGL interactions. Brik enables you to generate dynamic logo 439 systems, scalable social and ad assets, and fully functional creative tools tailored to 440 your needs. Think on-brand social asset generators, interactive components for websites, 441 data visualizations, motion systems, and custom visual effects - all built to be reused, 442 remixed, and adapted across formats. In Brik, you're not just creating outputs - you're 443 defining how things behave. Take a look at the tools gallery to explore what's possible. 444 </p> 445 <h3> 446 How is Brik different from traditional motion tools? 447 </h3> 448 <p> 449 Traditional tools lock you into timelines and single files - and often require steep 450 learning curves and technical skills, even for experienced designers. With Brik, you only 451 need your creative vision. No dependency on discipline or technique. You define behaviors, 452 rules, and parameters once - then reuse and remix them across projects. 453 </p> 454 <h3> 455 Do I need to know how to code? 456 </h3> 457 <p> 458 No. You work with prompts and visual controls - sliders, toggles, inputs. The AI and 459 creative coding live under the hood, not in your workflow. 460 </p> 461 <h3> 462 How do I start: motion asset or motion tool? 463 </h3> 464 <p> 465 It all starts with a creative vision - if you can imagine it, Brik can help you bring it 466 to life. On a deadline? Start with a tool from the gallery, tweak a few controls, and 467 export your asset. Building a motion language? Create or remix a tool you can use again 468 and again. Take a look at the showroom for inspiration. 469 </p> 470 <h3> 471 Can I use Brik in production workflows? 472 </h3> 473 <p> 474 Absolutely. Brik is built for real-world use. Export high-quality images with full control 475 over resolution and format, generate videos - including transparent video - or output 476 clean embed/HTML code. Whether you're shipping to a website, integrating into a product, 477 publishing to social, or building decks and campaigns - Brik outputs are ready to drop in 478 and scale. 479 </p> 480 </main> 481 </div> 482 </body> 483</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.