diff --git a/examples/README.md b/examples/README.md index df39a5d71..377915b4a 100644 --- a/examples/README.md +++ b/examples/README.md @@ -6,9 +6,10 @@ VHS has a problem rendering some background color transitions, which shows up in below. See for more info. These problems don't occur in a terminal. -## Demo ([demo.rs](./demo/)) +## Demo -This is the demo example from the main README. It is available for each of the backends. +This is the demo example from the main README. It is available for each of the backends. Source: +[demo.rs](./demo/). ```shell cargo run --example=demo --features=crossterm @@ -18,7 +19,21 @@ cargo run --example=demo --no-default-features --features=termwiz ![Demo][demo.gif] -## Barchart ([barchart.rs](./barchart.rs) +## Hello World + +This is a pretty boring example, but it contains some good documentation +on writing tui apps. Source: [hello_world.rs](./hello_world.rs). + +```shell +cargo run --example=hello_world --features=crossterm +``` + +![Hello World][hello_world.gif] + +## Barchart + +Demonstrates the [`BarChart`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.BarChart.html) +widget. Source: [barchart.rs](./barchart.rs). ```shell cargo run --example=barchart --features=crossterm @@ -26,7 +41,10 @@ cargo run --example=barchart --features=crossterm ![Barchart][barchart.gif] -## Block ([block.rs](./block.rs)) +## Block + +Demonstrates the [`Block`](https://docs.rs/ratatui/latest/ratatui/widgets/block/struct.Block.html) +widget. Source: [block.rs](./block.rs). ```shell cargo run --example=block --features=crossterm @@ -34,7 +52,10 @@ cargo run --example=block --features=crossterm ![Block][block.gif] -## Calendar ([calendar.rs](./calendar.rs)) +## Calendar + +Demonstrates the [`Calendar`](https://docs.rs/ratatui/latest/ratatui/widgets/calendar/index.html) +widget. Source: [calendar.rs](./calendar.rs). ```shell cargo run --example=calendar --features=crossterm widget-calendar @@ -42,7 +63,12 @@ cargo run --example=calendar --features=crossterm widget-calendar ![Calendar][calendar.gif] -## Canvas ([canvas.rs](./canvas.rs)) +## Canvas + +Demonstrates the [`Canvas`](https://docs.rs/ratatui/latest/ratatui/widgets/canvas/index.html) widget +and related shapes in the +[`canvas`](https://docs.rs/ratatui/latest/ratatui/widgets/canvas/index.html) module. Source: +[canvas.rs](./canvas.rs). ```shell cargo run --example=canvas --features=crossterm @@ -50,7 +76,10 @@ cargo run --example=canvas --features=crossterm ![Canvas][canvas.gif] -## Chart ([chart.rs](./chart.rs)) +## Chart + +Demonstrates the [`Chart`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Chart.html) widget. +Source: [chart.rs](./chart.rs). ```shell cargo run --example=chart --features=crossterm @@ -58,7 +87,10 @@ cargo run --example=chart --features=crossterm ![Chart][chart.gif] -## Colors ([colors.rs](./colors.rs)) +## Colors + +Demonstrates the available [`Color`](https://docs.rs/ratatui/latest/ratatui/style/enum.Color.html) +options. These can be used in any style field. Source: [colors.rs](./colors.rs). ```shell cargo run --example=colors --features=crossterm @@ -66,21 +98,26 @@ cargo run --example=colors --features=crossterm ![Colors][colors.gif] -## Custom Widget ([custom_widget.rs](./custom_widget.rs)) +## Custom Widget + +Demonstrates how to implement the +[`Widget`](https://docs.rs/ratatui/latest/ratatui/widgets/trait.Widget.html) trait. Source: +[custom_widget.rs](./custom_widget.rs). ```shell cargo run --example=custom_widget --features=crossterm ``` -This is not a particularly exciting example visually, but it demonstrates how to implement your own widget. - ![Custom Widget][custom_widget.gif] -## Gauge ([gauge.rs](./gauge.rs)) +## Gauge + +Demonstrates the [`Gauge`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Gauge.html) widget. +Source: [gauge.rs](./gauge.rs). -Please note: the background renders poorly when we generate this example using VHS. -This problem doesn't generally happen during normal rendering in a terminal. -See for more details +> [!NOTE] The backgrounds render poorly when we generate this example using VHS. This problem +> doesn't generally happen during normal rendering in a terminal. See +> [vhs#344](https://github.com/charmbracelet/vhs/issues/344) for more details. ```shell cargo run --example=gauge --features=crossterm @@ -88,18 +125,11 @@ cargo run --example=gauge --features=crossterm ![Gauge][gauge.gif] -## Hello World ([hello_world.rs](./hello_world.rs)) +## Inline -```shell -cargo run --example=hello_world --features=crossterm -``` - -This is a pretty boring example, but it contains some good comments of documentation on some of the -standard approaches to writing tui apps. - -![Hello World][hello_world.gif] - -## Inline ([inline.rs](./inline.rs)) +Demonstrates the +[`Inline`](https://docs.rs/ratatui/latest/ratatui/terminal/enum.Viewport.html#variant.Inline) +Viewport mode for ratatui apps. Source: [inline.rs](./inline.rs). ```shell cargo run --example=inline --features=crossterm @@ -107,7 +137,10 @@ cargo run --example=inline --features=crossterm ![Inline][inline.gif] -## Layout ([layout.rs](./layout.rs)) +## Layout + +Demonstrates the [`Layout`](https://docs.rs/ratatui/latest/ratatui/layout/struct.Layout.html) and +interaction between each constraint. Source: [layout.rs](./layout.rs). ```shell cargo run --example=layout --features=crossterm @@ -115,7 +148,10 @@ cargo run --example=layout --features=crossterm ![Layout][layout.gif] -## List ([list.rs](./list.rs)) +## List + +Demonstrates the [`List`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.List.html) widget. +Source: [list.rs](./list.rs). ```shell cargo run --example=list --features=crossterm @@ -123,7 +159,11 @@ cargo run --example=list --features=crossterm ![List][list.gif] -## Modifiers ([modifiers.rs](./modifiers.rs)) +## Modifiers + +Demonstrates the style +[`Modifiers`](https://docs.rs/ratatui/latest/ratatui/style/struct.Modifier.html). Source: +[modifiers.rs](./modifiers.rs). ```shell cargo run --example=modifiers --features=crossterm @@ -131,7 +171,10 @@ cargo run --example=modifiers --features=crossterm ![Modifiers][modifiers.gif] -## Panic ([panic.rs](./panic.rs)) +## Panic + +Demonstrates how to handle panics by ensuring that panic messages are written correctly to the +screen. Source: [panic.rs](./panic.rs). ```shell cargo run --example=panic --features=crossterm @@ -139,7 +182,10 @@ cargo run --example=panic --features=crossterm ![Panic][panic.gif] -## Paragraph ([paragraph.rs](./paragraph.rs)) +## Paragraph + +Demonstrates the [`Paragraph`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Paragraph.html) +widget. Source: [paragraph.rs](./paragraph.rs) ```shell cargo run --example=paragraph --features=crossterm @@ -147,19 +193,27 @@ cargo run --example=paragraph --features=crossterm ![Paragraph][paragraph.gif] -## Popup ([popup.rs](./popup.rs)) +## Popup + +Demonstrates how to render a widget over the top of previously rendered widgets using the +[`Clear`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Clear.html) widget. Source: +[popup.rs](./popup.rs). +> ```shell cargo run --example=popup --features=crossterm ``` -Please note: the background renders poorly when we generate this example using VHS. -This problem doesn't generally happen during normal rendering in a terminal. -See for more details +> [!NOTE] The background renders poorly after the popup when we generate this example using VHS. +> This problem doesn't generally happen during normal rendering in a terminal. See +> [vhs#344](https://github.com/charmbracelet/vhs/issues/344) for more details. ![Popup][popup.gif] -## Scrollbar ([scrollbar.rs](./scrollbar.rs)) +## Scrollbar + +Demonstrates the [`Scrollbar`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Scrollbar.html) +widget. Source: [scrollbar.rs](./scrollbar.rs). ```shell cargo run --example=scrollbar --features=crossterm @@ -167,7 +221,14 @@ cargo run --example=scrollbar --features=crossterm ![Scrollbar][scrollbar.gif] -## Sparkline ([sparkline.rs](./sparkline.rs)) +## Sparkline + +Demonstrates the [`Sparkline`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Sparkline.html) +widget. Source: [sparkline.rs](./sparkline.rs). + +> [!NOTE] The background renders poorly in the second sparkline when we generate this example using +> VHS. This problem doesn't generally happen during normal rendering in a terminal. See +> [vhs#344](https://github.com/charmbracelet/vhs/issues/344) for more details. ```shell cargo run --example=sparkline --features=crossterm @@ -175,7 +236,10 @@ cargo run --example=sparkline --features=crossterm ![Sparkline][sparkline.gif] -## Table ([table.rs](./table.rs)) +## Table + +Demonstrates the [`Table`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Table.html) widget. +Source: [table.rs](./table.rs). ```shell cargo run --example=table --features=crossterm @@ -183,7 +247,10 @@ cargo run --example=table --features=crossterm ![Table][table.gif] -## Tabs ([tabs.rs](./tabs.rs)) +## Tabs + +Demonstrates the [`Tabs`](https://docs.rs/ratatui/latest/ratatui/widgets/struct.Tabs.html) widget. +Source: [tabs.rs](./tabs.rs). ```shell cargo run --example=tabs --features=crossterm @@ -191,7 +258,12 @@ cargo run --example=tabs --features=crossterm ![Tabs][tabs.gif] -## User Input ([user_input.rs](./user_input.rs)) +## User Input + +Demonstrates one approach to accepting user input. Source [user_input.rs](./user_input.rs). + +> [!NOTE] Consider using [`tui-textarea`](https://crates.io/crates/tui-textarea) or +> [`tui-input`](https://crates.io/crates/tui-input) crates for more functional text entry UIs. ```shell cargo run --example=user_input --features=crossterm @@ -216,25 +288,25 @@ do done ``` --> -[barchart.gif]: https://vhs.charm.sh/vhs-6ioxdeRBVkVpyXcjIEVaJU.gif -[block.gif]: https://vhs.charm.sh/vhs-1TyeDa5GN7kewhNjKxJ4Br.gif -[calendar.gif]: https://vhs.charm.sh/vhs-1dBcpMSSP80WkBgm4lBhNo.gif -[canvas.gif]: https://vhs.charm.sh/vhs-4zeWEPF6bLEFSHuJrvaHlN.gif -[chart.gif]: https://vhs.charm.sh/vhs-zRzsE2AwRixQhcWMTAeF1.gif -[colors.gif]: https://vhs.charm.sh/vhs-2ZCqYbTbXAaASncUeWkt1z.gif -[custom_widget.gif]: https://vhs.charm.sh/vhs-32mW1TpkrovTcm79QXmBSu.gif -[demo.gif]: https://vhs.charm.sh/vhs-tF0QbuPbtHgUeG0sTVgFr.gif -[gauge.gif]: https://vhs.charm.sh/vhs-2rvSeP5r4lRkGTzNCKpm9a.gif -[hello_world.gif]: https://vhs.charm.sh/vhs-3CKUwxFuQi8oKQMS5zkPfQ.gif -[inline.gif]: https://vhs.charm.sh/vhs-miRl1mosKFoJV7LjjvF4T.gif -[layout.gif]: https://vhs.charm.sh/vhs-1ZNoNLNlLtkJXpgg9nCV5e.gif -[list.gif]: https://vhs.charm.sh/vhs-4goo9reeUM9r0nYb54R7SP.gif -[modifiers.gif]: https://vhs.charm.sh/vhs-2ovGBz5l3tfRGdZ7FCw0am.gif -[panic.gif]: https://vhs.charm.sh/vhs-HrvKCHV4yeN69fb1EadTH.gif -[paragraph.gif]: https://vhs.charm.sh/vhs-2qIPDi79DUmtmeNDEeHVEF.gif -[popup.gif]: https://vhs.charm.sh/vhs-2QnC682AUeNYNXcjNlKTyp.gif -[scrollbar.gif]: https://vhs.charm.sh/vhs-2p13MMFreW7Gwt1xIonIWu.gif -[sparkline.gif]: https://vhs.charm.sh/vhs-4t59Vxw5Za33Rtvt9QrftA.gif -[table.gif]: https://vhs.charm.sh/vhs-6IrGHgT385DqA6xnwGF9oD.gif -[tabs.gif]: https://vhs.charm.sh/vhs-61WkbfhyDk0kbkjncErdHT.gif -[user_input.gif]: https://vhs.charm.sh/vhs-4fxUgkpEWcVyBRXuyYKODY.gif +[barchart.gif]: https://vhs.charm.sh/vhs-6przhDzUmjMVb0wH4RdPa9.gif +[block.gif]: https://vhs.charm.sh/vhs-1NBeg0ChTWTVrCV7D1tLPe.gif +[calendar.gif]: https://vhs.charm.sh/vhs-c5xBWMM5tnf3m8IV3gE2d.gif +[canvas.gif]: https://vhs.charm.sh/vhs-44kPYDX7PM0jxUFt6Q6EYL.gif +[chart.gif]: https://vhs.charm.sh/vhs-7aCL8RiYpokkxsPKsNIaPb.gif +[colors.gif]: https://vhs.charm.sh/vhs-7r0yKjxlxUfpdLIhBwgUxA.gif +[custom_widget.gif]: https://vhs.charm.sh/vhs-216pwM49VNpd66jGKXW66h.gif +[demo.gif]: https://vhs.charm.sh/vhs-6xQ9Z8WBH3YPXyEdE0BKEq.gif +[gauge.gif]: https://vhs.charm.sh/vhs-3CcCQ6yFlw0Xz5een5up3C.gif +[hello_world.gif]: https://vhs.charm.sh/vhs-5rnQv0HMJzSV2aIADDbA0b.gif +[inline.gif]: https://vhs.charm.sh/vhs-2nNMIZ3gp84Akf3wd7lKQK.gif +[layout.gif]: https://vhs.charm.sh/vhs-27Ama8v8HtB1dmMBabT86v.gif +[list.gif]: https://vhs.charm.sh/vhs-3u1sL2KG7mTPtCN6Rrbfzq.gif +[modifiers.gif]: https://vhs.charm.sh/vhs-4W9MyKaRzC4Q4YSBzhnkti.gif +[panic.gif]: https://vhs.charm.sh/vhs-1iwBb1mttYAeN8BS8AlE7A.gif +[paragraph.gif]: https://vhs.charm.sh/vhs-2dCG3AJ3thIgtn446NIts8.gif +[popup.gif]: https://vhs.charm.sh/vhs-7LBrgNore6e71V0tPzq8WX.gif +[scrollbar.gif]: https://vhs.charm.sh/vhs-5ow9scHcnDKwVB0IzFH9JD.gif +[sparkline.gif]: https://vhs.charm.sh/vhs-1DABKSnfu1Qg7i1t68UZ4C.gif +[table.gif]: https://vhs.charm.sh/vhs-287MZTovoqTc7VZyLpNieQ.gif +[tabs.gif]: https://vhs.charm.sh/vhs-2KqXTLF1hxi1xokPOJ9hlC.gif +[user_input.gif]: https://vhs.charm.sh/vhs-1WJfxWDKUsOzGp2prUhIvT.gif diff --git a/examples/barchart.rs b/examples/barchart.rs index 241655f55..67e0c3710 100644 --- a/examples/barchart.rs +++ b/examples/barchart.rs @@ -139,7 +139,6 @@ fn run_app( fn ui(f: &mut Frame, app: &App) { let chunks = Layout::default() .direction(Direction::Vertical) - .margin(2) .constraints([Constraint::Ratio(1, 3), Constraint::Ratio(2, 3)].as_ref()) .split(f.size()); diff --git a/examples/barchart.tape b/examples/barchart.tape index a4d4fb888..ba326471c 100644 --- a/examples/barchart.tape +++ b/examples/barchart.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/barchart.tape` Output "target/barchart.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 800 Hide diff --git a/examples/block.tape b/examples/block.tape index 900450828..96b22522c 100644 --- a/examples/block.tape +++ b/examples/block.tape @@ -1,7 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/block.tape` Output "target/block.gif" -Set Theme "Builtin Dark" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 1200 Hide diff --git a/examples/calendar.tape b/examples/calendar.tape index 98926c791..000622a78 100644 --- a/examples/calendar.tape +++ b/examples/calendar.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/calendar.tape` Output "target/calendar.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 800 Hide diff --git a/examples/canvas.tape b/examples/canvas.tape index 7ee865c5d..55ab9382d 100644 --- a/examples/canvas.tape +++ b/examples/canvas.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/canvas.tape` Output "target/canvas.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 800 Hide diff --git a/examples/chart.tape b/examples/chart.tape index eede1b528..6f7554ed1 100644 --- a/examples/chart.tape +++ b/examples/chart.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/chart.tape` Output "target/chart.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 800 Hide diff --git a/examples/custom_widget.tape b/examples/custom_widget.tape index 285be9901..f9594a864 100644 --- a/examples/custom_widget.tape +++ b/examples/custom_widget.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/custom_widget.tape` Output "target/custom_widget.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 200 Hide diff --git a/examples/gauge.tape b/examples/gauge.tape index df8ddfe71..0c0a983eb 100644 --- a/examples/gauge.tape +++ b/examples/gauge.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/gauge.tape` Output "target/gauge.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide diff --git a/examples/hello_world.tape b/examples/hello_world.tape index abb1a4f10..27f449bf1 100644 --- a/examples/hello_world.tape +++ b/examples/hello_world.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/hello_world.tape` Output "target/hello_world.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 200 Hide diff --git a/examples/inline.tape b/examples/inline.tape index aa443f810..33d472d1d 100644 --- a/examples/inline.tape +++ b/examples/inline.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/inline.tape` Output "target/inline.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Type "cargo run --example=inline --features=crossterm" diff --git a/examples/list.tape b/examples/list.tape index eb947337b..341b2d51e 100644 --- a/examples/list.tape +++ b/examples/list.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/list.tape` Output "target/list.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide diff --git a/examples/panic.tape b/examples/panic.tape index 3605b899e..9ff36a30a 100644 --- a/examples/panic.tape +++ b/examples/panic.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/panic.tape` Output "target/panic.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Type "cargo run --example=panic --features=crossterm" diff --git a/examples/paragraph.tape b/examples/paragraph.tape index df05a935f..8b263b357 100644 --- a/examples/paragraph.tape +++ b/examples/paragraph.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/paragraph.tape` Output "target/paragraph.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 1800 Hide diff --git a/examples/popup.tape b/examples/popup.tape index 5655502da..100a6d19e 100644 --- a/examples/popup.tape +++ b/examples/popup.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/popup.tape` Output "target/popup.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide diff --git a/examples/scrollbar.tape b/examples/scrollbar.tape index 826ebf126..4c88a8c1d 100644 --- a/examples/scrollbar.tape +++ b/examples/scrollbar.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/scrollbar.tape` Output "target/scrollbar.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 1200 Hide diff --git a/examples/sparkline.rs b/examples/sparkline.rs index 4456dddff..fffe4cdd2 100644 --- a/examples/sparkline.rs +++ b/examples/sparkline.rs @@ -133,7 +133,6 @@ fn ui(f: &mut Frame, app: &App) { [ Constraint::Length(3), Constraint::Length(3), - Constraint::Length(7), Constraint::Min(0), ] .as_ref(), diff --git a/examples/sparkline.tape b/examples/sparkline.tape index 812bfe397..432474135 100644 --- a/examples/sparkline.tape +++ b/examples/sparkline.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/sparkline.tape` Output "target/sparkline.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide diff --git a/examples/table.tape b/examples/table.tape index 8c4c54257..88c779685 100644 --- a/examples/table.tape +++ b/examples/table.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/table.tape` Output "target/table.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide diff --git a/examples/tabs.tape b/examples/tabs.tape index d00d52a88..75c01f222 100644 --- a/examples/tabs.tape +++ b/examples/tabs.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/tabs.tape` Output "target/tabs.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 300 Hide diff --git a/examples/user_input.tape b/examples/user_input.tape index 3d129caca..03dd52b0a 100644 --- a/examples/user_input.tape +++ b/examples/user_input.tape @@ -1,6 +1,7 @@ # This is a vhs script. See https://github.com/charmbracelet/vhs for more info. # To run this script, install vhs and run `vhs ./examples/user_input.tape` Output "target/user_input.gif" +Set Theme "OceanicMaterial" Set Width 1200 Set Height 600 Hide