--- title: "Custom Code navigation mode - App Extension" description: "Create your app's navigation mode from scratch." canonical_url: "https://www.goodbarber.com/extensions/custom-code-browsing-mode/" lang: en --- # Custom Code navigation mode - App Extension ![](https://portal.ww-cdn.com/portal_static/svg/fapro/light/chevron-left.12142ccf5da5.svg)[View more extensions](https://www.goodbarber.com/extensions/) ![illustration for Custom Code navigation mode](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-icon.08aa8c21342c.jpg) # Custom Code navigation mode Create your app's navigation mode from scratch. For Content apps|Free ## A unique UI tailored to your projects Code your own navigation mode ![](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-detail-1.e8e6ce59ec61.jpg) Explore new dimensions in app design using the Custom Code navigation mode. Unleash your creativity by developing a tailor-made navigation mode, crafted to meet the exact unique needs of your project. Whether you're looking for a more specific navigation, a different structure, or customized interactions, the Custom Code navigation mode is a blank page on which you can turn your ideas into reality. ## Total freedom for your design Customize your browsing experience with ease Use standard web languages such as HTML, JS and CSS to craft your app's navigation to your exact requirements. If you master the basics of programming, GoodBarber gives you the power to create uncompromising navigation experiences. ![](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-detail-2.61f4ed8f887d.jpg) ## Intuitive code editor Work in a comprehensive creative space ![](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-detail-3.4f77053dc14e.jpg) Take advantage of a powerful, comprehensive code editor to customize every element of your navigation. Dark or light themes, syntax highlighting, expansive code fragments, line numbering... Our integrated code editor has everything you need for maximum flexibility. Focus on the design and interaction of your navigation mode, and take advantage of an intuitive workspace conceived to meet your specific needs and offer a creative experience that's both efficient and enjoyable. ## GoodBarber App API Shared access between your own code and the GoodBarber engine ![](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-detail-4.b31070938a30.jpg) Would you like to display the avatar of your logged-in users in your navigation mode? You can access current user information via the GoodBarber API. Through this API, we offer simplified access to some data and methods of the GoodBarber engine. This gives you the flexibility to create unique navigation modes, offering a fluid, intuitive user experience that's consistent with the rest of your app. See our [documentation](https://www.goodbarber.com/help/plugins-documentation-r106/) for more information. ## More inspiration on Github Explore practical examples to fuel your creativity ![](https://portal.ww-cdn.com/portal_static/images/addons/custombrowsingmode-detail-5.a55ce74e9aba.jpg) Fuel your inspiration by exploring practical examples available on our [GitHub](https://github.com/goodbarber). These concrete examples will guide you in the creation of customized navigation modes, offering a constant source of inspiration. Discover how to push the boundaries of navigation design and adapt these ideas to your own project to create an outstanding user experience. ## Associated extensions [illustration for Make (for eCommerce) Make (for eCommerce)With the Make extension, you have the possibility to connect your eCommerce app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.make.com to use this extension)Free](https://www.goodbarber.com/extensions/make/) [illustration for Zapier (for eCommerce) Zapier (for eCommerce)With the Zapier add-on, you have the ability to connect your eCommerce app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.zapier.com to use this add-on)Free](https://www.goodbarber.com/extensions/zapier/) [illustration for Make MakeWith the Make extension, you have the ability to connect your app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.make.com to use this extension)Free](https://www.goodbarber.com/extensions/make-integration/) [illustration for Zapier ZapierWith the Zapier extension, you have the ability to connect your app to thousands of other online services. It's the perfect add-on to set up automations without having to code. (You must have an account at www.zapier.com to use this add-on)Free](https://www.goodbarber.com/extensions/zapier-integration/) [illustration for Custom video feed Custom video feedShare external content by creating your own custom feed with GoodBarber's Custom integration.Free](https://www.goodbarber.com/extensions/custom-video/) [illustration for Custom photo feed Custom photo feedShare external content by creating your own custom feed with GoodBarber's Custom integration.Free](https://www.goodbarber.com/extensions/custom-photo/) [illustration for Custom Sound Feed Custom Sound FeedIntegrate audio files into your app by creating your own custom feed with GoodBarber's Custom Sound integration.Free](https://www.goodbarber.com/extensions/custom-sound/) [illustration for Custom events feed Custom events feedShare events on your app by creating your own custom feed with GoodBarber's Custom Events integration.Free](https://www.goodbarber.com/extensions/custom-event/) [illustration for Custom article feed Custom article feedDeliver external content by creating your own custom feed with GoodBarber's Custom integrationFree](https://www.goodbarber.com/extensions/custom-article/) [illustration for API for eCommerce applications API for eCommerce applicationsCreate integrations between your application and external services thanks to the API for eCommerce apps. Several methods are available for sending push notifications, viewing customers and orders, managing your product catalog, creating marketing operations or obtaining statistics.Free](https://www.goodbarber.com/extensions/api-ecommerce/)