# 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.