# FloatGrids Documentation ## FloatGrids Documentation - [Installation](https://docs.floatgrids.com/getting-started/installation.md): There are 3 basics steps you need to follow to install FloatGrids in Unity. As for Figma, nothing to install, just get the file! - [Overview](https://docs.floatgrids.com/getting-started/overview.md): FloatGrids is a UI framework for VR and AR that caters to the needs of both designers and developers and can be utilized on both Figma and Unity platforms. - [Figma file](https://docs.floatgrids.com/getting-started/figma-file.md): FloatGrids Figma file is a component based file. It uses variants and Interactive components, all the interactions between components are already done. - [Demo](https://docs.floatgrids.com/getting-started/demo.md): We've developed a demo in both Figma and Unity so that you can check how FloatGrids performs with its own UI or with your own. - [XR UI design guidelines](https://docs.floatgrids.com/getting-started/xr-ui-design-guidelines.md): Let's get the basics to start designing stunning UI for XR apps by reading the following articles wrote by Albert Mauri, FloatGrids' creator and designer. - [Tutorials](https://docs.floatgrids.com/getting-started/tutorials.md) - [Customization Overview](https://docs.floatgrids.com/features/customization-overview.md): Customize Color, font styles, typographies and corners to all the UI components at once. - [Color Palette](https://docs.floatgrids.com/features/color-palette.md): Token based color palette in both Figma and Unity. - [Typography](https://docs.floatgrids.com/features/typography.md): FloatGrids include in the Unity package 9 different fonts for you to choose. However you can use your own, whatever you do, you can apply it to all the UI components with a couple of clicks. - [Corners](https://docs.floatgrids.com/features/corners.md): Apply corners to the primitive prefabs to get them applied to all your components. - [UI Components](https://docs.floatgrids.com/features/ui-components.md): FloatGrids has, so far, 32 UI components, all of them are interactive in the Fima file and ready-to-use in Unity. - [Icons](https://docs.floatgrids.com/features/icons.md): FloatGrids uses the Material Icons set. However you can perfectly use your own. - [Logo](https://docs.floatgrids.com/features/logo.md): Assign your logo sprite in the prefab Product Logo so it'll get applied automatically to the menu. - [UX Resources](https://docs.floatgrids.com/features/ux-resources.md): FloatGrids includes UX features to ensure that panels are properly positioned relative to the user's point of view and that their size fits perfectly within the user's field of vision. - [Overview](https://docs.floatgrids.com/ui-components/overview.md) - [Alert](https://docs.floatgrids.com/ui-components/alert.md): Use alerts to give feedback to your user. Alerts can be placed either in the space or on the panels. - [Badges](https://docs.floatgrids.com/ui-components/badges.md): Badges are utilized to indicate states atop other components. FloatGrids offer 10 variants of badges for you to utilize, depending on the case. - [Button](https://docs.floatgrids.com/ui-components/button.md): FloatGrids has 10 different styles of buttons plus three styles for icon buttons. - [Card](https://docs.floatgrids.com/ui-components/card.md): Cards help in organizing content in a more visual way. Use Cards to visually separate one content to the other and make scanning easier for your users. - [Checkbox](https://docs.floatgrids.com/ui-components/checkbox.md) - [Contextual Menu](https://docs.floatgrids.com/ui-components/contextual-menu.md) - [Divider](https://docs.floatgrids.com/ui-components/divider.md) - [Dropdown](https://docs.floatgrids.com/ui-components/dropdown.md) - [Empty State](https://docs.floatgrids.com/ui-components/empty-state.md): Empty states are used to guide users towards an action. They take over a screen before items have been edded to it. Empty states have 4 main sections: Icon, title, description and actions. - [Keyboard and keypad (WIP)](https://docs.floatgrids.com/ui-components/keyboard-and-keypad-wip.md): We're still working on the keyboard but so far you have it assembled in both Figma and Unity - [List](https://docs.floatgrids.com/ui-components/list.md) - [Navigation](https://docs.floatgrids.com/ui-components/navigation.md) - [Modal](https://docs.floatgrids.com/ui-components/modal.md) - [Panel](https://docs.floatgrids.com/ui-components/panel.md): Panels are where the UI resides. Use the empty panel to create new views or utilize the pre-made panels to fill them with your content. Pre-made panels adjust in size so they can be used in any layout - [Profile Image](https://docs.floatgrids.com/ui-components/profile-image.md) - [Progress](https://docs.floatgrids.com/ui-components/progress.md) - [Radio Group](https://docs.floatgrids.com/ui-components/radio-group.md) - [Slider](https://docs.floatgrids.com/ui-components/slider.md) - [Text Field](https://docs.floatgrids.com/ui-components/text-field.md) - [Table](https://docs.floatgrids.com/ui-components/table.md): The FloatGrids table component is a versatile feature that enables you to swiftly generate various types of tables containing badges, profile images, action sections, or plain text. - [Tooltip](https://docs.floatgrids.com/ui-components/tooltip.md) - [Toggle](https://docs.floatgrids.com/ui-components/toggle.md) - [Onboarding View](https://docs.floatgrids.com/views/onboarding-view.md): Onboarding template is ready for you to use. Just change images and texts and indicate the steps. - [Gallery View](https://docs.floatgrids.com/views/gallery-view.md): Add as many images as you want, they will organize automatically - [Sidebar view](https://docs.floatgrids.com/views/sidebar-view.md): Responsive Sidebar panel - [Settings View](https://docs.floatgrids.com/views/settings-view.md): Add as many images as you want, they will organize automatically - [Navbar Panel](https://docs.floatgrids.com/views/navbar-panel.md) - [Layouts](https://docs.floatgrids.com/layouts/layouts.md): FloatGrids has 7 ready to use layouts for you to choose which one fits best your app. They are ready in a scene. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on a page URL with the `ask` query parameter: ``` GET https://docs.floatgrids.com/getting-started/installation.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.