Loading Orbix
Skip to content
Orbix

Starter page

A clean page with the full shell, ready for your content.

Start building here

Copy this page, keep the layout block and replace this card with your own content.

<!-- src/pages/my-page.vue -->
<script setup lang="ts">
import { definePageMeta } from '#imports';
import PageHeader from '@/components/shell/PageHeader.vue';
import { usePageScript } from '@/composables/usePageScript';

definePageMeta({ layout: 'app', id: 'my-page', title: 'nav.my_page' });
usePageScript();
</script>

<template>
  <PageHeader title="nav.my_page" />
  ...
</template>

Appearance

Direction
Sidebar
Sidebar color
Topbar color
Content width
Mode
Brand color
Neutral tone
Layout
Corner radius
Density
Elevation
Typeface
Motion

Command palette