{ "links": [ { "title": "Website", "url": "https://tabler.io", "icon": "world" }, { "title": "Preview", "url": "https://preview.tabler.io", "icon": "layout-dashboard" }, { "title": "Support", "url": "https://tabler.io/support", "icon": "headset" } ], "menu": [ { "title": "Tabler UI", "children": [ { "title": "Introduction", "url": "/ui" }, { "title": "Getting started", "url": "/ui/getting-started", "children": [ { "title": "Installation", "url": "/ui/getting-started/installation" }, { "title": "Download", "url": "/ui/getting-started/download" }, { "title": "Customize Tabler", "url": "/ui/getting-started/customize" }, { "title": "Color modes", "url": "/ui/getting-started/color-modes" }, { "title": "RTL support", "url": "/ui/getting-started/rtl" }, { "title": "Browser support", "url": "/ui/getting-started/browser-support" } ] }, { "title": "Frameworks", "url": "/ui/getting-started/frameworks", "children": [ { "title": "Laravel", "url": "/ui/getting-started/frameworks/laravel" }, { "title": "React", "url": "/ui/getting-started/frameworks/react" }, { "title": "Next.js", "url": "/ui/getting-started/frameworks/nextjs" }, { "title": "Vue", "url": "/ui/getting-started/frameworks/vue" }, { "title": "Angular", "url": "/ui/getting-started/frameworks/angular" }, { "title": "Nuxt", "url": "/ui/getting-started/frameworks/nuxt" }, { "title": "Symfony", "url": "/ui/getting-started/frameworks/symfony" }, { "title": "Django", "url": "/ui/getting-started/frameworks/django" }, { "title": "Rails", "url": "/ui/getting-started/frameworks/rails" }, { "title": "SvelteKit", "url": "/ui/getting-started/frameworks/sveltekit" }, { "title": "Astro", "url": "/ui/getting-started/frameworks/astro" } ] }, { "title": "Upgrade", "url": "/ui/getting-started/upgrade", "children": [ { "title": "Upgrade to 1.6", "url": "/ui/getting-started/upgrade/1-6" }, { "title": "Upgrade to 1.5", "url": "/ui/getting-started/upgrade/1-5" } ] }, { "title": "Base", "url": "/ui/base", "children": [ { "title": "Colors", "url": "/ui/base/colors" }, { "title": "Prose", "url": "/ui/base/prose" }, { "title": "Typography", "url": "/ui/base/typography" } ] }, { "title": "Layout", "url": "/ui/layout", "children": [ { "title": "Navbars", "url": "/ui/layout/navbars" }, { "title": "Navs and tabs", "url": "/ui/layout/navs-tabs" }, { "title": "Page headers", "url": "/ui/layout/page-headers" }, { "title": "Page layouts", "url": "/ui/layout/page-layouts" } ] }, { "title": "Components", "url": "/ui/components", "children": [ { "title": "Accordion", "url": "/ui/components/accordion" }, { "title": "Alert", "url": "/ui/components/alert" }, { "title": "Avatar", "url": "/ui/components/avatar" }, { "title": "Badge", "url": "/ui/components/badge" }, { "title": "Breadcrumb", "url": "/ui/components/breadcrumb" }, { "title": "Button", "url": "/ui/components/button" }, { "title": "Card", "url": "/ui/components/card" }, { "title": "Card gradient", "url": "/ui/components/card-gradient" }, { "title": "Carousel", "url": "/ui/components/carousel" }, { "title": "Chat", "url": "/ui/components/chat" }, { "title": "Code block", "url": "/ui/components/code-block" }, { "title": "Confetti", "url": "/ui/components/confetti" }, { "title": "Data grid", "url": "/ui/components/datagrid" }, { "title": "Divider", "url": "/ui/components/divider" }, { "title": "Dropdown", "url": "/ui/components/dropdown" }, { "title": "Empty state", "url": "/ui/components/empty" }, { "title": "Hover gallery", "url": "/ui/components/hover-gallery" }, { "title": "Icon", "url": "/ui/components/icon" }, { "title": "Image label", "url": "/ui/components/image-label" }, { "title": "Legend", "url": "/ui/components/legend" }, { "title": "List group", "url": "/ui/components/list-group" }, { "title": "Map", "url": "/ui/components/map" }, { "title": "Mention", "url": "/ui/components/mention" }, { "title": "Modal", "url": "/ui/components/modal" }, { "title": "Mockup browser", "url": "/ui/components/mockup-browser" }, { "title": "Nav overflow", "url": "/ui/components/nav-overflow" }, { "title": "Offcanvas", "url": "/ui/components/offcanvas" }, { "title": "Pagination", "url": "/ui/components/pagination" }, { "title": "Placeholder", "url": "/ui/components/placeholder" }, { "title": "Popover", "url": "/ui/components/popover" }, { "title": "Progress bar", "url": "/ui/components/progress" }, { "title": "Progress steps", "url": "/ui/components/progress-step" }, { "title": "Ribbon", "url": "/ui/components/ribbon" }, { "title": "Segmented control", "url": "/ui/components/segmented-control" }, { "title": "Signal", "url": "/ui/components/signal" }, { "title": "Sparkline", "url": "/ui/components/sparkline" }, { "title": "Spinner", "url": "/ui/components/spinner" }, { "title": "Star rating", "url": "/ui/components/star-rating" }, { "title": "Status", "url": "/ui/components/status" }, { "title": "Step", "url": "/ui/components/step" }, { "title": "Switch icon", "url": "/ui/components/switch-icon" }, { "title": "Tab", "url": "/ui/components/tab" }, { "title": "Table", "url": "/ui/components/table" }, { "title": "Tag", "url": "/ui/components/tag" }, { "title": "Text shimmer", "url": "/ui/components/text-shimmer" }, { "title": "Timeline", "url": "/ui/components/timeline" }, { "title": "Toast", "url": "/ui/components/toast" }, { "title": "Tooltip", "url": "/ui/components/tooltip" }, { "title": "Tracking", "url": "/ui/components/tracking" }, { "title": "Trending", "url": "/ui/components/trending" } ] }, { "title": "Forms", "url": "/ui/forms", "children": [ { "title": "Elements", "url": "/ui/forms/elements" }, { "title": "Fieldset", "url": "/ui/forms/fieldset" }, { "title": "Floating labels", "url": "/ui/forms/floating-labels" }, { "title": "Helpers", "url": "/ui/forms/helpers" }, { "title": "Select group", "url": "/ui/forms/select-group" }, { "title": "Image check", "url": "/ui/forms/image-check" }, { "title": "Color check", "url": "/ui/forms/color-check" }, { "title": "Password strength", "url": "/ui/forms/strength" }, { "title": "Validation", "url": "/ui/forms/validation" }, { "title": "OTP input", "url": "/ui/forms/otp-input" }, { "title": "Stepper", "url": "/ui/forms/stepper" }, { "title": "CSS variables", "url": "/ui/forms/css-variables" } ] }, { "title": "Utilities", "url": "/ui/utilities", "children": [ { "title": "Background blur", "url": "/ui/utilities/background-blur" }, { "title": "Background patterns", "url": "/ui/utilities/background-patterns" }, { "title": "Borders", "url": "/ui/utilities/borders" }, { "title": "Cursors", "url": "/ui/utilities/cursors" }, { "title": "Gradients", "url": "/ui/utilities/gradients" }, { "title": "Interactions", "url": "/ui/utilities/interactions" }, { "title": "Margins", "url": "/ui/utilities/margins" }, { "title": "Printing", "url": "/ui/utilities/printing" }, { "title": "Vertical align", "url": "/ui/utilities/vertical-align" }, { "title": "Visually hidden", "url": "/ui/utilities/visually-hidden" } ] }, { "title": "Plugins", "url": "/ui/plugins", "children": [ { "title": "Advanced select", "url": "/ui/plugins/advanced-select" }, { "title": "Autosize", "url": "/ui/plugins/autosize" }, { "title": "Chart", "url": "/ui/plugins/chart" }, { "title": "Clipboard", "url": "/ui/plugins/clipboard" }, { "title": "Color picker", "url": "/ui/plugins/color-picker" }, { "title": "Countup", "url": "/ui/plugins/countup" }, { "title": "Date picker", "url": "/ui/plugins/date-picker" }, { "title": "Dropzone", "url": "/ui/plugins/dropzone" }, { "title": "Flags", "url": "/ui/plugins/flags" }, { "title": "FullCalendar", "url": "/ui/plugins/fullcalendar" }, { "title": "Inline player", "url": "/ui/plugins/inline-player" }, { "title": "Input mask", "url": "/ui/plugins/input-mask" }, { "title": "Lightbox", "url": "/ui/plugins/lightbox" }, { "title": "Range slider", "url": "/ui/plugins/range-slider" }, { "title": "Signature", "url": "/ui/plugins/signature" }, { "title": "Social icons", "url": "/ui/plugins/social-icons" }, { "title": "Sortable", "url": "/ui/plugins/sortable" }, { "title": "Theme base colors", "url": "/ui/plugins/theme-base-colors" }, { "title": "Vector map", "url": "/ui/plugins/vector-map" }, { "title": "WYSIWYG editor", "url": "/ui/plugins/wysiwyg" } ] }, { "title": "Resources", "children": [ { "title": "FAQ", "url": "/ui/getting-started/faq" }, { "title": "Docs for LLMs", "url": "/ui/getting-started/llms" }, { "title": "3rd-party libraries & resources", "url": "/ui/getting-started/references" }, { "title": "How to contribute", "url": "/ui/getting-started/how-to-contribute" }, { "title": "Docs callouts", "url": "/ui/getting-started/callouts" }, { "title": "Tabler license", "url": "/ui/getting-started/license" } ] } ] }, { "title": "Tabler Icons", "children": [ { "title": "Introduction", "url": "/icons" }, { "title": "Icon design guide", "url": "/icons/design-guide" }, { "title": "Libraries", "url": "/icons/libraries", "children": [ { "title": "Astro", "url": "/icons/libraries/astro" }, { "title": "Preact", "url": "/icons/libraries/preact" }, { "title": "React", "url": "/icons/libraries/react" }, { "title": "SolidJS", "url": "/icons/libraries/solidjs" }, { "title": "Svelte", "url": "/icons/libraries/svelte" }, { "title": "Vue", "url": "/icons/libraries/vue" }, { "title": "Webfont", "url": "/icons/libraries/webfont" } ] }, { "title": "Plugins", "url": "/icons/plugins", "children": [ { "title": "Figma plugin", "url": "/icons/plugins/figma" } ] }, { "title": "Static files", "url": "/icons/static-files", "children": [ { "title": "PDF version", "url": "/icons/static-files/pdf" }, { "title": "PNG version", "url": "/icons/static-files/png" }, { "title": "SVG version", "url": "/icons/static-files/svg" } ] } ] }, { "title": "Tabler Illustrations", "children": [ { "title": "Introduction", "url": "/illustrations" }, { "title": "Preview", "url": "/illustrations/preview" }, { "title": "Contents", "url": "/illustrations/contents" }, { "title": "Customization", "url": "/illustrations/customization" }, { "title": "License", "url": "/illustrations/license" } ] }, { "title": "Tabler Emails", "children": [ { "title": "Introduction", "url": "/emails" }, { "title": "Contents", "url": "/emails/contents" }, { "title": "Compiled templates", "url": "/emails/compiled-html" }, { "title": "Source templates", "url": "/emails/source-html" } ] }, { "title": "Tabler Payments", "children": [ { "title": "Introduction", "url": "/payments" }, { "title": "CSS plugin", "url": "/payments/css" }, { "title": "Libraries", "url": "/payments/libraries", "children": [ { "title": "Astro", "url": "/payments/libraries/astro" }, { "title": "Preact", "url": "/payments/libraries/preact" }, { "title": "React", "url": "/payments/libraries/react" }, { "title": "Vue", "url": "/payments/libraries/vue" } ] } ] } ] }