Layout Studio — CI4 Generator

Layout Studio — CI4 Generator

CI4 Layout Studio

Layout Generator v2

9 files

Layout Templates

localhost/admin/dashboard

Files 9

Project Info

Application Name

Module Name

Base URL Segment

Layout Width

Default Mode

Accent Color

Custom Color

Border Radius

Font

Header & Footer

Sticky TopbarTopbar sticks on scroll

Top SearchSearch box in header

NotificationsBell icon with badge

BreadcrumbsPage location trail

Footer BarBottom app footer

Dashboard Widgets

KPI CardsMetric summary cards

Chart AreaBar/line chart block

Quick ActionsShortcut panel

Menu Style

Navigation Tree

Indent children 2 spaces · Label [icon-class]

Active Item

Active nav index (0-based)

Generating your layout…

Building files & creating ZIP archive