PageSourceSearch

https://brik.space/about

html brik.space collected 2026-10-03 21:58:22 UTC 105,877 bytes, 483 lines download raw bytes

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.