[{"data":1,"prerenderedAt":519},["ShallowReactive",2],{"header-nav":3,"footer-primary":155,"footer-secondary":232,"footer-description":258,"header-nav-data":260,"github-stars":262,"8f849cd0-a47b-4e32-bb19-b478973c90f7":366,"dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8":372,"74634853-196b-4ce3-b256-4534c054838f":379,"site-banner":408,"358b0659-1f05-4427-bd1c-4bc03a43c182":412,"9df3f40e-6272-4ec6-a0d7-cc29265e087c":419,"1b444c23-b593-4391-9410-4ca5d2c7a7cb":423,"agency-partners-linearloop":426,"agency-partners-related-linearloop":489},{"items":4},[5,74,136,141,148],{"id":6,"title":7,"url":8,"callout":9,"callout_title":10,"children_title":11,"page":8,"children":12},"62c04c6c-5793-4702-8ed1-73dd563fd605","Product",null,"8f849cd0-a47b-4e32-bb19-b478973c90f7","Project Showcase","Use Cases and Features",[13,21,29,37,43,51,59,67],{"id":14,"title":15,"url":16,"description":17,"image":8,"icon":18,"page":19},"e7d7d5ed-89b1-4455-8b4a-8ae92c70e3a0","Headless CMS","/solutions/headless-cms/","Manage and deliver content with ease","code_blocks",{"permalink":20},"/solutions/headless-cms",{"id":22,"title":23,"url":24,"description":25,"image":8,"icon":26,"page":27},"60bdefd9-95e6-45a3-9f81-4748d07c59d3","Backend-as-a-Service","/solutions/backend-as-a-service/","Build and ship applications faster","speed",{"permalink":28},"/solutions/backend-as-a-service",{"id":30,"title":31,"url":32,"description":33,"image":8,"icon":34,"page":35},"5f9aebeb-4f89-445e-9850-5b1261a2743c","Headless Commerce","/solutions/product-information-management/","A single source of truth for products","shopping_cart_checkout",{"permalink":36},"/solutions/product-information-management",{"id":38,"title":39,"url":40,"description":41,"image":8,"icon":42,"page":8},"49e46134-80be-470e-8c73-afb1417fa9b6","100+ More Use Cases","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus","Build anything (or everything)","lightbulb",{"id":44,"title":45,"url":46,"description":47,"image":8,"icon":48,"page":49},"a589ac77-a5ce-45c5-a054-e43111e19158","Instant APIs","/products/connect/","Connect a database, get REST + GraphQL APIs","api",{"permalink":50},"/toolkit/connect",{"id":52,"title":53,"url":54,"description":55,"image":8,"icon":56,"page":57},"4a0f129a-c546-4493-b0a9-306e51692e90","Granular Policy-Based Auth","/products/auth/","Provide secure, autonomous data access","lock_person",{"permalink":58},"/toolkit/auth",{"id":60,"title":61,"url":62,"description":63,"image":8,"icon":64,"page":65},"f9250f2c-93a4-4108-80db-011bbe391ecf","Visual Automation Builder","/products/automate/","Automate content and data workflows with ease","build",{"permalink":66},"/toolkit/automate",{"id":68,"title":69,"url":8,"description":70,"image":8,"icon":71,"page":72},"f1ae4e40-5b05-42a4-9cd3-33dda35cc939","50+ More Features","Get everything you need out-of-the-box","auto_fix",{"permalink":73},"/features",{"id":75,"title":76,"url":8,"callout":77,"callout_title":78,"children_title":79,"page":8,"children":80},"2f6ad0d1-6dd3-4f17-b5c8-9f2abf71409a","Resources","dfd79d2b-7af5-4cdb-aa94-3f73de97ebd8","Watch Directus TV","Learn More",[81,88,96,102,109,116,122,129],{"id":82,"title":83,"url":84,"description":85,"image":8,"icon":86,"page":87},"0a3bf9f5-1ef2-43f4-bc09-7ff7488241c5","Blog","/blog","Read our latest articles and guides","library_books",{"permalink":84},{"id":89,"title":90,"url":91,"description":92,"image":8,"icon":93,"page":94},"165e3dc2-e51b-4456-8382-99c5775b0412","Case Studies","#","Case studies and success stories","magic_button",{"permalink":95},"/case-studies",{"id":97,"title":98,"url":99,"description":100,"image":8,"icon":101,"page":8},"5ae324b6-bf44-4c21-95ad-e6dc0c1c1f40","Community Forum","https://community.directus.io/","Questions and conversations","comment",{"id":103,"title":104,"url":91,"description":105,"image":8,"icon":106,"page":107},"b1db03f0-e537-490e-8c0f-c61c401d1024","Agency Directory","Browse our list of agency partners ","handshake",{"permalink":108},"/agency-directory",{"id":110,"title":111,"url":112,"description":113,"image":8,"icon":114,"page":115},"991731c8-eb40-4eec-85a5-6e977bcd7ec9","About Us","/about","Learn more about Directus and the team","supervised_user_circle",{"permalink":112},{"id":117,"title":118,"url":119,"description":120,"image":8,"icon":121,"page":8},"52aebf38-b3ad-4a27-807d-ce52398cd509","Wall of Love","https://testimonial.to/directus/all","See what others are saying about us","heart_plus",{"id":123,"title":124,"url":91,"description":125,"image":8,"icon":126,"page":127},"a86eca65-d5ae-4263-b7d9-4f1a1c50a0b1","Contact","Have a general inquiry or question for us?","mark_email_unread",{"permalink":128},"/contact",{"id":130,"title":131,"url":8,"description":132,"image":8,"icon":133,"page":134},"28225825-8d41-4809-9032-192fbf5c6e5d","Support","Reach out to Directus support","support",{"permalink":135},"/support",{"id":137,"title":138,"url":139,"callout":8,"callout_title":8,"children_title":8,"page":8,"children":140},"a3f1275d-b088-4b11-99bf-143fcbf39104","Developers","/docs",[],{"id":142,"title":143,"url":144,"callout":8,"callout_title":8,"children_title":8,"page":145,"children":147},"fae8fded-d2e2-468e-a68b-82abec7a7225","Enterprise","/solutions/enterprise/",{"permalink":146},"/solutions/enterprise",[],{"id":149,"title":150,"url":151,"callout":8,"callout_title":8,"children_title":8,"page":152,"children":154},"5c5e2fbc-49fd-4e41-a71e-e4f8db2b00cf","Pricing","/pricing/",{"permalink":153},"/pricing/self-hosted",[],{"items":156},[157,174,193,212],{"id":158,"title":159,"url":8,"page":8,"children":160},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",[161,164,167,171],{"id":162,"title":15,"url":8,"page":163},"fcafe85a-a798-4710-9e7a-776fe413aae5",{"permalink":20},{"id":165,"title":23,"url":8,"page":166},"79972923-93cf-4777-9e32-5c9b0315fc10",{"permalink":28},{"id":168,"title":169,"url":8,"page":170},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":36},{"id":172,"title":173,"url":40,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build",{"id":175,"title":76,"url":8,"page":8,"children":176},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f",[177,181,185,189],{"id":178,"title":179,"url":180,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":182,"title":183,"url":184,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":186,"title":187,"url":188,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":190,"title":191,"url":192,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":194,"title":131,"url":8,"page":8,"children":195},"d61fae8c-7502-494a-822f-19ecff3d0256",[196,200,204,208],{"id":197,"title":198,"url":199,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":201,"title":202,"url":203,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":205,"title":206,"url":207,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":209,"title":210,"url":211,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":213,"title":214,"url":8,"page":8,"children":215},"49141403-4f20-44ac-8453-25ace1265812","Organization",[216,220,225,229],{"id":217,"title":218,"url":112,"page":219},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About",{"permalink":112},{"id":221,"title":222,"url":91,"page":223},"b84bf525-5471-4b14-a93c-225f6c386005","Careers",{"permalink":224},"/careers",{"id":226,"title":227,"url":228,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":230,"title":124,"url":8,"page":231},"8d2fa1e3-198e-4405-81e1-2ceb858bc237",{"permalink":128},{"items":233},[234,240,246,252],{"id":235,"title":236,"url":8,"page":237,"children":239},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":238},"/cloud-policies",[],{"id":241,"title":242,"url":91,"page":243,"children":245},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":244},"/bsl",[],{"id":247,"title":248,"url":91,"page":249,"children":251},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":250},"/terms",[],{"id":253,"title":254,"url":91,"page":255,"children":257},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":256},"/privacy",[],{"description":259},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"header_cta_buttons":261},"74634853-196b-4ce3-b256-4534c054838f",{"id":263,"node_id":264,"name":265,"full_name":266,"private":267,"owner":268,"html_url":285,"description":286,"fork":267,"url":287,"forks_url":288,"keys_url":289,"collaborators_url":290,"teams_url":291,"hooks_url":292,"issue_events_url":293,"events_url":294,"assignees_url":295,"branches_url":296,"tags_url":297,"blobs_url":298,"git_tags_url":299,"git_refs_url":300,"trees_url":301,"statuses_url":302,"languages_url":303,"stargazers_url":304,"contributors_url":305,"subscribers_url":306,"subscription_url":307,"commits_url":308,"git_commits_url":309,"comments_url":310,"issue_comment_url":311,"contents_url":312,"compare_url":313,"merges_url":314,"archive_url":315,"downloads_url":316,"issues_url":317,"pulls_url":318,"milestones_url":319,"notifications_url":320,"labels_url":321,"releases_url":322,"deployments_url":323,"created_at":324,"updated_at":325,"pushed_at":326,"git_url":327,"ssh_url":328,"clone_url":329,"svn_url":285,"homepage":330,"size":331,"stargazers_count":332,"watchers_count":332,"language":333,"has_issues":334,"has_projects":334,"has_downloads":334,"has_wiki":267,"has_pages":267,"has_discussions":334,"forks_count":335,"mirror_url":8,"archived":267,"disabled":267,"open_issues_count":336,"license":337,"allow_forking":334,"is_template":267,"web_commit_signoff_required":267,"has_pull_requests":334,"pull_request_creation_policy":342,"topics":343,"visibility":284,"forks":335,"open_issues":336,"watchers":332,"default_branch":362,"temp_clone_token":8,"custom_properties":363,"organization":364,"network_count":335,"subscribers_count":365},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus/directus",false,{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https://avatars.githubusercontent.com/u/15967950?v=4","","https://api.github.com/users/directus","https://github.com/directus","https://api.github.com/users/directus/followers","https://api.github.com/users/directus/following{/other_user}","https://api.github.com/users/directus/gists{/gist_id}","https://api.github.com/users/directus/starred{/owner}{/repo}","https://api.github.com/users/directus/subscriptions","https://api.github.com/users/directus/orgs","https://api.github.com/users/directus/repos","https://api.github.com/users/directus/events{/privacy}","https://api.github.com/users/directus/received_events","public","https://github.com/directus/directus","The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.","https://api.github.com/repos/directus/directus","https://api.github.com/repos/directus/directus/forks","https://api.github.com/repos/directus/directus/keys{/key_id}","https://api.github.com/repos/directus/directus/collaborators{/collaborator}","https://api.github.com/repos/directus/directus/teams","https://api.github.com/repos/directus/directus/hooks","https://api.github.com/repos/directus/directus/issues/events{/number}","https://api.github.com/repos/directus/directus/events","https://api.github.com/repos/directus/directus/assignees{/user}","https://api.github.com/repos/directus/directus/branches{/branch}","https://api.github.com/repos/directus/directus/tags","https://api.github.com/repos/directus/directus/git/blobs{/sha}","https://api.github.com/repos/directus/directus/git/tags{/sha}","https://api.github.com/repos/directus/directus/git/refs{/sha}","https://api.github.com/repos/directus/directus/git/trees{/sha}","https://api.github.com/repos/directus/directus/statuses/{sha}","https://api.github.com/repos/directus/directus/languages","https://api.github.com/repos/directus/directus/stargazers","https://api.github.com/repos/directus/directus/contributors","https://api.github.com/repos/directus/directus/subscribers","https://api.github.com/repos/directus/directus/subscription","https://api.github.com/repos/directus/directus/commits{/sha}","https://api.github.com/repos/directus/directus/git/commits{/sha}","https://api.github.com/repos/directus/directus/comments{/number}","https://api.github.com/repos/directus/directus/issues/comments{/number}","https://api.github.com/repos/directus/directus/contents/{+path}","https://api.github.com/repos/directus/directus/compare/{base}...{head}","https://api.github.com/repos/directus/directus/merges","https://api.github.com/repos/directus/directus/{archive_format}{/ref}","https://api.github.com/repos/directus/directus/downloads","https://api.github.com/repos/directus/directus/issues{/number}","https://api.github.com/repos/directus/directus/pulls{/number}","https://api.github.com/repos/directus/directus/milestones{/number}","https://api.github.com/repos/directus/directus/notifications{?since,all,participating}","https://api.github.com/repos/directus/directus/labels{/name}","https://api.github.com/repos/directus/directus/releases{/id}","https://api.github.com/repos/directus/directus/deployments","2012-12-12T01:35:36Z","2026-03-18T14:36:38Z","2026-03-18T15:43:33Z","git://github.com/directus/directus.git","git@github.com:directus/directus.git","https://github.com/directus/directus.git","https://directus.io",438225,34516,"TypeScript",true,4638,385,{"key":338,"name":339,"spdx_id":340,"url":8,"node_id":341},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[48,344,345,346,347,348,265,349,350,351,352,353,354,355,356,357,358,359,360,361],"app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":265,"id":269,"node_id":270,"avatar_url":271,"gravatar_id":272,"url":273,"html_url":274,"followers_url":275,"following_url":276,"gists_url":277,"starred_url":278,"subscriptions_url":279,"organizations_url":280,"repos_url":281,"events_url":282,"received_events_url":283,"type":214,"user_view_type":284,"site_admin":267},326,{"id":9,"title":367,"description":368,"image":369,"external_url":8,"icon":8,"badge":8,"page":370,"resource":8},"Built With Directus","See what everyone's been building with Directus","e658de72-fb08-4ed2-8029-215c712c789e",{"permalink":371},"/built-with-directus",{"id":77,"title":373,"description":374,"image":375,"external_url":376,"icon":377,"badge":378,"page":8,"resource":8},"Directus TV","Go down the rabbit hole with hours of original video content from our team. ","ab70faf5-fc28-4608-a7e7-74fd4f020a9d","/tv","connected_tv","Video",{"alignment":380,"style":381,"experiment_enabled":267,"experiment":8,"experiment_variant":382,"buttons":385,"variants":395},"center","default",{"id":383,"key":384,"experiment":8},"8c4951b4-a6f9-4c06-9f71-fd39a3bdad1e","control",[386,389,392],{"id":387,"block_button_id":388},15,"358b0659-1f05-4427-bd1c-4bc03a43c182",{"id":390,"block_button_id":391},16,"9df3f40e-6272-4ec6-a0d7-cc29265e087c",{"id":393,"block_button_id":394},232,"1b444c23-b593-4391-9410-4ca5d2c7a7cb",[396],{"id":397,"alignment":380,"style":381,"buttons":398,"experiment_variant":405},"e1885d45-3119-41a3-8294-3cd796ea6f02",[399,402],{"id":400,"block_button_id":401},203,"ade37731-147d-48c4-864a-cec007576362",{"id":403,"block_button_id":404},202,"1cb4e89f-f7de-4b46-bbb8-080191517a72",{"id":406,"key":407},"66d2be4f-2492-4944-8060-039c15515918","variant",{"id":409,"icon":377,"content":410,"link":411},"812bf73d-ebfb-4246-9538-937a09a0c795","Learn more about our native MCP","https://directus.io/mcp",{"id":388,"external_url":8,"label":413,"color":414,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":417,"resource":8},"Book a Demo","primary","medium","_self",{"permalink":418},"/demo",{"id":391,"external_url":420,"label":421,"color":422,"outline":267,"icon":8,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"https://directus.cloud/account/register","Get Started","secondary",{"id":394,"external_url":211,"label":424,"color":422,"outline":334,"icon":425,"size":415,"target":416,"ph_event":8,"page":8,"resource":8},"Log In","arrow_forward",{"id":427,"slug":428,"partner_name":429,"partner_logo":430,"short_description":431,"description":432,"website":433,"tier":434,"region":435,"country":437,"specializations":438,"team_size":443,"links":8,"website_screenshot":8,"projects":444},"13c34a58-47a3-4fc3-9357-c321b528f01f","linearloop","Linearloop","d5ecaaa2-532c-42b1-95cb-18f4103dacb7","At Linearloop, we connect you with some of the most skilled engineering talent. We're also a leading agency in end-to-end project development—AI agents, DevOps, e-commerce website transformation, flexible content management systems like headless CMS, and UI/UX design.","\u003Cp>At Linearloop, we’re not about one-size-fits-all solutions—we build what works for you, designed to grow and adapt with your business. We work with talented engineers to help solve the real problems. Our team works across a variety of areas, offering end-to-end support for your projects. Here’s a breakdown of what we do:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>AI Agents:\u003C/strong> We develop intelligent systems that help automate tasks, improve decision-making, and provide actionable insights tailored to your workflows.\u003C/li>\n\u003Cli>\u003Cstrong>DevOps:\u003C/strong> We're the quiet force behind the scenes, making sure your infrastructure stays smooth and your processes automated, so you don’t have to sweat the small stuff.\u003C/li>\n\u003Cli>\u003Cstrong>E-Commerce Website Transformation:\u003C/strong> We’ll take your online store and make it faster, smoother, and more engaging, so your visitors don’t hit roadblocks when they’re ready to buy.\u003C/li>\n\u003Cli>\u003Cstrong>Headless CMS:\u003C/strong> We offer flexible content management systems that let you push out content across platforms easily.\u003C/li>\n\u003Cli>\u003Cstrong>UI/UX Design:\u003C/strong> We design user interfaces that aren’t just about looks—they’re about making things simple, intuitive, and enjoyable for your users.\u003C/li>\n\u003C/ul>\n\u003Cp>*We also offer our engineering talent through a monthly subscription model to help fill gaps and augment your project as needed.\u003C/p>","https://www.linearloop.io/","basic",[436],"Asia","India",[439,440,441,442],"web_development","mobile_app","ux_ui","digital_transformation","100-199",[445,462],{"id":446,"project_title":447,"slug":448,"short_summary":449,"featured_image":450,"built_with":451,"content":454,"image_gallery":455},102,"Saleshandy Agency Partner","saleshandy-agency-partner","We developed the Saleshandy Agency Partner website using Directus and Astro. The website helped visitors explore marketing and lead generation agencies ranked by country, services, specialization, and pricing. \n\nOur contributions included full customization to meet Saleshandy’s needs, a proprietary ranking system powered by relational databases, custom APIs for dynamic agency listings, and a 95% Web Vitals Score for lightning-fast load times and smooth navigation.","8e00ca18-3a75-4ac5-a947-c3fb15e10b85",[452,453],"Astro","Directus","\u003Cp>We built an agency listing website, called, \u003Cstrong>Saleshandy Agency Partner\u003C/strong> using \u003Cstrong>Directus \u003C/strong>and \u003Cstrong>Astro\u003C/strong>. The platform helps visitors explore marketing and lead generation agencies ranked by \u003Cstrong>country\u003C/strong>, \u003Cstrong>services\u003C/strong>, \u003Cstrong>specialization\u003C/strong>, and \u003Cstrong>pricing model\u003C/strong>.\u003C/p>\n\u003Ch3>Here’s what we delivered:\u003C/h3>\n\u003Col>\n\u003Cli>\u003Cstrong>Complete Customization\u003C/strong>: We tailored the platform to align perfectly with Saleshandy’s requirements\u003C/li>\n\u003Cli>\u003Cstrong>Dynamic Ranking Display\u003C/strong>: We implemented a proprietary ranking system using relational databases to list agencies accurately\u003C/li>\n\u003Cli>\u003Cstrong>Custom APIs\u003C/strong>: We developed APIs to dynamically fetch agency lists based on parameterized \u003Cstrong>display rank\u003C/strong> and\u003Cstrong> visitor IP\u003C/strong>\u003C/li>\n\u003Cli>\u003Cstrong>Optimized Performance\u003C/strong>: We achieved a \u003Cstrong>95% Web Vitals Score\u003C/strong> which directly helped with fast load times and a seamless user experience\u003C/li>\n\u003C/ol>",[456,459],{"id":457,"directus_files_id":458},141,"b2ae739c-4a95-4d48-acd1-47e903771462",{"id":460,"directus_files_id":461},142,"ff8f0951-68f8-484f-aca8-11a76306a01d",{"id":463,"project_title":464,"slug":465,"short_summary":466,"featured_image":467,"built_with":468,"content":472,"image_gallery":473},125,"M&P IP Protectors Website Redesign","mandp-ip-protectors-redesign","We built a dynamic, animation-heavy marketing site for M&P IP Protectors, a boutique IP law firm, using a hybrid stack of Directus and Next.js—designed to balance content flexibility with immersive user interactions.","3c7d0f0d-2574-4680-937f-c14bea31e8fc",[453,469,470,471],"Next.js","React","SVGAnimation","\u003Cp>M&P IP Protectors, an IP law firm based in India, needed to replace their outdated website with a modern, interactive version that supported detailed animations and gave them full control over their content.\u003Cbr>To build a fast, flexible front-end, we used Next.js, which allowed us to implement dynamic animations and optimize load performance through static generation and code splitting. For content management, we chose Directus, which gave the client a clean, no-code interface to manage content and media without requiring development support.\u003Cbr>\u003Cstrong>\u003Cbr>Key Challenges\u003C/strong>\u003Cbr>The client requested custom animations across the site—including a shield graphic that responds to scroll behavior. We needed to implement this without slowing down the site or introducing layout instability across screen sizes.\u003Cbr>\u003Cstrong>\u003Cbr>Our Solution\u003C/strong>\u003Cbr>We used an SVG line animation approach for the shield and tied it to scroll events using custom JavaScript. This let us keep the animation lightweight and performant. We validated the implementation across devices to ensure consistency.\u003Cbr>\u003Cbr>\u003Cstrong>What We Brought to the Table\u003C/strong>\u003Cbr>Our team applied advanced front-end animation skills—using tools like React Spring and direct SVG manipulation—to translate the client’s visual ideas into smooth, reliable motion design. The result was a responsive, content-driven website with tailored interactions that reinforce the brand's identity.\u003C/p>",[474,477,480,483,486],{"id":475,"directus_files_id":476},181,"9a852242-85d7-4e47-8e8c-8b6dfec27f8a",{"id":478,"directus_files_id":479},182,"abefc09f-fe78-457d-8e68-d7afe5c35bd1",{"id":481,"directus_files_id":482},183,"631e9dbd-5515-4224-b07a-2dca68d8106e",{"id":484,"directus_files_id":485},184,"a3d094d1-3332-493e-b65f-4da8719fe15f",{"id":487,"directus_files_id":488},185,"61f0c08c-a09a-42bc-9797-d388f0bd74b0",[490,497,505,512],{"id":491,"partner_name":492,"partner_logo":493,"short_description":494,"slug":495,"region":496,"country":437},"d9e7e3ab-dfaf-42e6-9639-a1c0898f51e5","7Span","57921628-7f7e-43a7-a6ce-0bef1d2d83f0","We work with a deeply-held set of beliefs about the practice of art, technology, and design. There is an offbeat difference in - how we think, ideate, connect and deliver. We create head-turners and scroll-stopper graphics, websites, apps, and software!!","7span",[436],{"id":498,"partner_name":499,"partner_logo":500,"short_description":501,"slug":502,"region":503,"country":504},"865b4c44-17f8-41c5-89a5-cc4a2229cefc","HarmonyX","df6ca8ef-2fb3-42ca-8c42-71ec705b8979","HarmonyX Solution revolutionizes business operations through cutting-edge software development by Data-Driven Expert to expand business through ML/AI, CRM, and ERP to bring more value to enterprise.","harmonyx",[436],"Thailand",{"id":506,"partner_name":507,"partner_logo":508,"short_description":509,"slug":510,"region":511,"country":437},"5435d7b6-dcf4-4e9a-80f5-13d36c475703","RW Infotech","957bc388-332d-4043-8b91-9ef282ebf514","RW Infotech is a remote agency with a global reach specializing in developing custom software and headless applications.","rw-infotech",[436],{"id":513,"partner_name":514,"partner_logo":515,"short_description":516,"slug":517,"region":518,"country":437},"bd4f8ef8-5538-4a0e-a57e-6b1da2f6047b","WeFrame Tech","87775419-4d13-473d-aa44-f7414e4da44a","WeframeTech is a top headless commerce development company worldwide. As a trusted agency, we specialize in creating scalable and custom headless commerce solutions using technologies like Medusa JS, Shopify Plus, Commerce Layer, and Commercetools","weframe-tech",[436],1773850405041]