Marionette Docs
日本語 GitHub

Navigation

Search Ctrl K

Contents

  • Home
  • Demo Gallery
  • AI-friendly
  • Benchmark
  • Reports
  • Tutorial
    • Build your first app
    • Serve static assets
    • Backend and frontend communication
    • Data App Build Flow
    • DashWind admin app
    • Desktop app
  • Components

    No matching components.

    • Overview
    • Layout surfaces
      • Container
      • PageHeader
      • Section
      • Card
      • Stack
      • Grid
      • Split
      • Layout stories
    • Typography
      • H1-H4
      • P
      • Span
    • Actions and links
      • Button
      • Link
      • ThemeToggleButton
      • Dropdown
      • Menu
      • Collapse
    • Forms and inputs
      • Form
      • FormField
      • Input
      • FileUpload
      • Textarea
      • Select
      • Checkbox
      • RadioGroup
      • Switch
      • Toggle
      • Range
      • Rating
    • Navigation
      • Sidebar
      • Breadcrumb
      • Tabs
      • Pagination
      • Navigation stories
      • Navbar
      • Steps
      • Step
      • Join
    • Feedback and overlays
      • Alert
      • Toast
      • Progress
      • Skeleton
      • EmptyState
      • Modal
      • Overlay System Demo
      • Toast / Alert / EmptyState / Skeleton
      • Tooltip
      • Loading
      • Indicator
      • RadialProgress
    • Data and media
      • Table
      • Image
      • DataFrame
      • DataFrameChart
      • Avatar
      • Carousel
      • CarouselItem
      • Mask
      • Stat
      • Markdown
      • Code
      • Kbd
      • FontIcon
    • Page sections
      • Hero
      • Timeline
      • Drawer
      • Footer
      • ChatBubble
      • MockupWindow
    • Charts
      • Chart
      • Chart (Line)
      • Chart (Bar)
      • Chart (Pie)
      • Chart (Doughnut)
      • Chart (Scatter)
    • Other components
      • ThemeController
      • Actions
      • Divider
      • Box
      • AppShell
      • Region
      • Badge
      • TextComponent
      • LoadingWithVariants
      • TableWithVariants
      • TooltipWithVariants
      • DashWind Shell
      • DashWind PageHeader
      • DashWind CardPanel
      • DashWind AuthCard
      • DashWind SettingsSection
      • DashWind MetricGrid
      • DashWind DataTable
      • DashWind ResourcePage
  • API Docs
    • Overview
    • API Documentation
    • 2. App
    • 3. Context
    • 4. Low-level HTML (`frontend/html`)
    • 5. Form APIs
    • 6.5 daisyUI convenience components
    • 6.3 Data display components
    • 6.4 Layout and surface components
    • 6.1 Links, buttons, and inputs
    • 6.2 Overlay, feedback, and state components
    • 6. Component APIs
    • 7. Flash APIs
    • 8. Runtime
    • DashWind API
  • Search

Demo Gallery

Try Marionette demos

Run the sample apps that used to live in the README's quick-start section. Each demo is started from the repository root.

Admin sample dashboard screenshot

Admin sample dashboard

Representative admin UI sample with dashboard widgets, data exploration, and operational controls.

Run
go run ./cmd/admin-sample
Open
http://127.0.0.1:8082
Source
cmd/admin-sample/main.go
DashWind demo dashboard screenshot

DashWind-style DaisyUI dashboard demo

DaisyUI-inspired DashWind admin dashboard based on the Marionette DashWind shell and helpers.

Run
go run ./cmd/dashwind-demo
Open
http://127.0.0.1:8083
Source
cmd/dashwind-demo/main.go, internal/dashwinddemo/app.go

Minimal setup registers the DaisyUI template, DashWind CSS, and browser helpers with dw.Use(app, dw.Options{}).

Full Marionette demo screenshot

Full Marionette demo

The complete demo app that showcases Marionette pages, data views, charts, actions, and state flows.

Run
go run ./cmd/marionette
Open
http://127.0.0.1:8080
Source
cmd/marionette
Minimal sample screenshot

Minimal sample

A compact, self-contained app that is useful when you want to inspect the smallest runnable Marionette shape.

Run
go run ./cmd/simple-sample
Open
http://127.0.0.1:8081
Source
cmd/simple-sample/main.go
AI chat sample screenshot

AI chat sample

Simulated streaming chat replies without requiring an external API key.

Run
go run ./cmd/ai-chat-sample
Open
http://127.0.0.1:8084
Source
cmd/ai-chat-sample/main.go
Custom JavaScript sample screenshot

Custom JavaScript sample

External MathJax plus app-level JavaScript hooks for pages that need a small browser-side enhancement.

Run
go run ./cmd/custom-javascript-sample
Open
http://127.0.0.1:8082
Source
cmd/custom-javascript-sample/main.go

Desktop WebView sample

Runs the same Marionette app model behind a localhost server and native WebView shell.

Run
go run -tags marionette_desktop ./cmd/marionette-desktop
Open
Desktop window
Source
cmd/marionette-desktop

On Linux, install GTK 3 and WebKitGTK development packages before building the desktop tag.