[{"data":1,"prerenderedAt":190},["ShallowReactive",2],{"marketplace-site-banners":3,"github-stars":9,"projects-mandp-ip-protectors-redesign":115,"projects-related-mandp-ip-protectors-redesign":171},[4],{"id":5,"icon":6,"content":7,"link":8,"include_paths":6,"exclude_paths":6},"5cf2f5f6-aecf-4395-8c23-69de326fdf02",null,"Directus V12 is here","https:\u002F\u002Fdirectus.com\u002Fresources\u002Fv12-built-for-the-whole-team",{"id":10,"node_id":11,"name":12,"full_name":13,"private":14,"owner":15,"html_url":33,"description":34,"fork":14,"url":35,"forks_url":36,"keys_url":37,"collaborators_url":38,"teams_url":39,"hooks_url":40,"issue_events_url":41,"events_url":42,"assignees_url":43,"branches_url":44,"tags_url":45,"blobs_url":46,"git_tags_url":47,"git_refs_url":48,"trees_url":49,"statuses_url":50,"languages_url":51,"stargazers_url":52,"contributors_url":53,"subscribers_url":54,"subscription_url":55,"commits_url":56,"git_commits_url":57,"comments_url":58,"issue_comment_url":59,"contents_url":60,"compare_url":61,"merges_url":62,"archive_url":63,"downloads_url":64,"issues_url":65,"pulls_url":66,"milestones_url":67,"notifications_url":68,"labels_url":69,"releases_url":70,"deployments_url":71,"created_at":72,"updated_at":73,"pushed_at":74,"git_url":75,"ssh_url":76,"clone_url":77,"svn_url":33,"homepage":78,"size":79,"stargazers_count":80,"watchers_count":80,"language":81,"has_issues":82,"has_projects":82,"has_downloads":82,"has_wiki":14,"has_pages":14,"has_discussions":82,"forks_count":83,"mirror_url":6,"archived":14,"disabled":14,"open_issues_count":84,"license":85,"allow_forking":82,"is_template":14,"web_commit_signoff_required":14,"has_pull_requests":82,"pull_request_creation_policy":90,"topics":91,"visibility":32,"forks":83,"open_issues":84,"watchers":80,"default_branch":111,"temp_clone_token":6,"custom_properties":112,"organization":113,"network_count":83,"subscribers_count":114},7122594,"MDEwOlJlcG9zaXRvcnk3MTIyNTk0","directus","directus\u002Fdirectus",false,{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},15967950,"MDEyOk9yZ2FuaXphdGlvbjE1OTY3OTUw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F15967950?v=4","","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus","https:\u002F\u002Fgithub.com\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowers","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Ffollowing{\u002Fother_user}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fgists{\u002Fgist_id}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fstarred{\u002Fowner}{\u002Frepo}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fsubscriptions","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Forgs","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Frepos","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Fevents{\u002Fprivacy}","https:\u002F\u002Fapi.github.com\u002Fusers\u002Fdirectus\u002Freceived_events","Organization","public","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus","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:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fforks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fkeys{\u002Fkey_id}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcollaborators{\u002Fcollaborator}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fteams","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fhooks","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fevents{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fevents","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fassignees{\u002Fuser}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fbranches{\u002Fbranch}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Ftags","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fblobs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftags{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Frefs{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Ftrees{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstatuses\u002F{sha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flanguages","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fstargazers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontributors","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscribers","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fsubscription","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fgit\u002Fcommits{\u002Fsha}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues\u002Fcomments{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcontents\u002F{+path}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fcompare\u002F{base}...{head}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmerges","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002F{archive_format}{\u002Fref}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdownloads","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fissues{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fpulls{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fmilestones{\u002Fnumber}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fnotifications{?since,all,participating}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Flabels{\u002Fname}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Freleases{\u002Fid}","https:\u002F\u002Fapi.github.com\u002Frepos\u002Fdirectus\u002Fdirectus\u002Fdeployments","2012-12-12T01:35:36Z","2026-06-10T12:53:26Z","2026-06-10T07:03:25Z","git:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","git@github.com:directus\u002Fdirectus.git","https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus.git","https:\u002F\u002Fdirectus.com",443957,36006,"TypeScript",true,4791,382,{"key":86,"name":87,"spdx_id":88,"url":6,"node_id":89},"other","Other","NOASSERTION","MDc6TGljZW5zZTA=","all",[92,93,94,95,96,97,12,98,99,100,101,102,103,104,105,106,107,108,109,110],"api","app","cms","composable","data-visualization","database","graphql","headless-cms","javascript","mariadb","mssql","mysql","no-code","node","postgresql","sql","sqlite","typescript","vue","main",{},{"login":12,"id":16,"node_id":17,"avatar_url":18,"gravatar_id":19,"url":20,"html_url":21,"followers_url":22,"following_url":23,"gists_url":24,"starred_url":25,"subscriptions_url":26,"organizations_url":27,"repos_url":28,"events_url":29,"received_events_url":30,"type":31,"user_view_type":32,"site_admin":14},327,{"id":116,"project_title":117,"slug":118,"short_summary":119,"featured_image":120,"built_with":121,"use_cases":126,"content":128,"client_name":129,"website":130,"website_screenshot":131,"website_metadata":132,"image_gallery":137,"partner":163},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",[122,123,124,125],"Directus","Next.js","React","SVGAnimation",[127],"CMS","\u003Cp>M&amp;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\u002Fstrong>\u003Cbr>The client requested custom animations across the site&mdash;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\u002Fstrong>\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\u002Fstrong>\u003Cbr>Our team applied advanced front-end animation skills&mdash;using tools like React Spring and direct SVG manipulation&mdash;to translate the client&rsquo;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\u002Fp>","M&P IP Protectors","https:\u002F\u002Fwww.mandpindia.com","037380fc-b44a-40f0-81fc-2dd68a547201",[129,133,134,135,136],"IP Law Firm","India","Trademark & Patent Legal Services","Linearloop Project",[138,143,148,153,158],{"id":139,"directus_files_id":140},181,{"id":141,"title":142,"description":6},"9a852242-85d7-4e47-8e8c-8b6dfec27f8a","Whats App Image 2025 04 29 at 12.56.28 Pm",{"id":144,"directus_files_id":145},182,{"id":146,"title":147,"description":6},"abefc09f-fe78-457d-8e68-d7afe5c35bd1","Whats App Image 2025 04 29 at 12.55.39 Pm",{"id":149,"directus_files_id":150},183,{"id":151,"title":152,"description":6},"631e9dbd-5515-4224-b07a-2dca68d8106e","Whats App Image 2025 04 29 at 12.55.24 Pm",{"id":154,"directus_files_id":155},184,{"id":156,"title":157,"description":6},"a3d094d1-3332-493e-b65f-4da8719fe15f","Whats App Image 2025 04 29 at 12.54.12 Pm",{"id":159,"directus_files_id":160},185,{"id":161,"title":162,"description":6},"61f0c08c-a09a-42bc-9797-d388f0bd74b0","Whats App Image 2025 04 29 at 12.53.57 Pm",{"id":164,"partner_name":165,"slug":166,"partner_logo":167,"short_description":168,"region":169,"country":134},"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\u002FUX design.",[170],"Asia",[172,178,184],{"id":173,"project_title":174,"slug":175,"short_summary":176,"featured_image":177},8,"Creating Topper, a Seamless User Experience in the Cryptocurrency Industry","topperpay-com","We developed a secure platform for purchasing cryptocurrencies, ensuring regulatory compliance and protecting user assets. Our services encompassed research, design, and development to create an intuitive and secure user experience. The outcomes include a regulatory compliance widget and a streamlined purchasing process, making cryptocurrency transactions easy and secure for our clients.","e7f1d16c-868f-4b26-a365-4361f3872538",{"id":179,"project_title":180,"slug":181,"short_summary":182,"featured_image":183},9,"How we helped i-charging beat the market","i-charging-pt","i-charging came with a challenge to us: to develop an interface to provide support for charging electric vehicles in an easy and intuitive way for the end-user and compares favorably with current market offerings.\n\n","0232d254-222f-42ac-96b6-a0776807b90a",{"id":185,"project_title":186,"slug":187,"short_summary":188,"featured_image":189},41,"PIS - Product Information System","pis-wuestenrot-at","The Wüstenrot Product Information System (PIS) enables both internal and external employees to find out about the company's products and the latest news. Apps, pages, articles and sidebar elements can be efficiently managed via the backend.\n\nContent can be personalised according to user groups.","7a19c678-9984-45d9-8fe7-a085a4a17e0c",1781100657819]