{"id":37208020,"url":"https://github.com/mathaou/bubbles","last_synced_at":"2026-01-14T23:54:36.937Z","repository":{"id":61626889,"uuid":"544592424","full_name":"mathaou/bubbles","owner":"mathaou","description":"TUI components for Bubble Tea 🫧","archived":false,"fork":true,"pushed_at":"2022-10-10T13:03:54.000Z","size":466,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-06-20T03:47:11.409Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"charmbracelet/bubbles","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mathaou.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-10-02T21:19:28.000Z","updated_at":"2022-10-02T18:17:19.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/mathaou/bubbles","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mathaou/bubbles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathaou%2Fbubbles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathaou%2Fbubbles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathaou%2Fbubbles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathaou%2Fbubbles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mathaou","download_url":"https://codeload.github.com/mathaou/bubbles/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathaou%2Fbubbles/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28439584,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-14T22:37:52.437Z","status":"ssl_error","status_checked_at":"2026-01-14T22:37:31.496Z","response_time":107,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-14T23:54:36.323Z","updated_at":"2026-01-14T23:54:36.929Z","avatar_url":"https://github.com/mathaou.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"Bubbles\n=======\n\n\u003cp\u003e\n  \u003cimg src=\"https://stuff.charm.sh/bubbles/bubbles-github.png\" width=\"233\" alt=\"The Bubbles Logo\"\u003e\n\u003c/p\u003e\n\n[![Latest Release](https://img.shields.io/github/release/charmbracelet/bubbles.svg)](https://github.com/charmbracelet/bubbles/releases)\n[![GoDoc](https://godoc.org/github.com/golang/gddo?status.svg)](https://pkg.go.dev/github.com/charmbracelet/bubbles)\n[![Build Status](https://github.com/charmbracelet/bubbles/workflows/build/badge.svg)](https://github.com/charmbracelet/bubbles/actions)\n[![Go ReportCard](https://goreportcard.com/badge/charmbracelet/bubbles)](https://goreportcard.com/report/charmbracelet/bubbles)\n\nSome components for [Bubble Tea](https://github.com/charmbracelet/bubbletea)\napplications. These components are used in production in [Glow][glow],\n[Charm][charm] and [many other applications][otherstuff].\n\n[glow]: https://github.com/charmbracelet/glow\n[charm]: https://github.com/charmbracelet/charm\n[otherstuff]: https://github.com/charmbracelet/bubbletea/#bubble-tea-in-the-wild\n\n\n## Spinner\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/spinner.gif\" width=\"400\" alt=\"Spinner Example\"\u003e\n\nA spinner, useful for indicating that some kind an operation is happening.\nThere are a couple default ones, but you can also pass your own ”frames.”\n\n* [Example code, basic spinner](https://github.com/charmbracelet/bubbletea/tree/master/examples/spinner/main.go)\n* [Example code, various spinners](https://github.com/charmbracelet/bubbletea/tree/master/examples/spinners/main.go)\n\n\n## Text Input\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/textinput.gif\" width=\"400\" alt=\"Text Input Example\"\u003e\n\nA text input field, akin to an `\u003cinput type=\"text\"\u003e` in HTML. Supports unicode,\npasting, in-place scrolling when the value exceeds the width of the element and\nthe common, and many customization options.\n\n* [Example code, one field](https://github.com/charmbracelet/bubbletea/tree/master/examples/textinput/main.go)\n* [Example code, many fields](https://github.com/charmbracelet/bubbletea/tree/master/examples/textinputs/main.go)\n\n## Text Area\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/textarea.gif\" width=\"400\" alt=\"Text Area Example\"\u003e\n\nA text area field, akin to an `\u003ctextarea /\u003e` in HTML. Allows for input that\nspans multiple lines. Supports unicode, pasting, vertical scrolling when the\nvalue exceeds the width and height of the element,  and many customization\noptions.\n\n* [Example code, chat input](https://github.com/charmbracelet/bubbletea/tree/master/examples/chat/main.go)\n* [Example code, story time input](https://github.com/charmbracelet/bubbletea/tree/master/examples/textarea/main.go)\n\n## Table\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/table.gif\" width=\"400\" alt=\"Table Example\"\u003e\n\nA component for displaying and navigating tabular data (columns and rows).\nSupports vertical scrolling and many customization options.\n\n* [Example code, countries and populations](https://github.com/charmbracelet/bubbletea/tree/master/examples/table/main.go)\n\n## Progress\n\n\u003cpicture\u003e\n  \u003csource media=\"(max-width: 800px)\" srcset=\"https://stuff.charm.sh/bubbles-examples/progress.gif\"\u003e\n  \u003csource media=\"(min-width: 800px)\" width=\"800\" srcset=\"https://stuff.charm.sh/bubbles-examples/progress.gif\"\u003e\n  \u003cimg src=\"https://stuff.charm.sh/bubbles-examples/progress.gif\" alt=\"Progressbar Example\"\u003e\n\u003c/picture\u003e\n\nA simple, customizable progress meter, with optional animation via\n[Harmonica][harmonica]. Supports solid and gradient fills. The empty and filled\nrunes can be set to whatever you'd like. The percentage readout is customizable\nand can also be omitted entirely.\n\n* [Animated example](https://github.com/charmbracelet/bubbletea/blob/master/examples/progress-animated/main.go)\n* [Static example](https://github.com/charmbracelet/bubbletea/blob/master/examples/progress-static/main.go)\n\n[harmonica]: https://github.com/charmbracelet/harmonica\n\n\n## Paginator\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/pagination.gif\" width=\"200\" alt=\"Paginator Example\"\u003e\n\nA component for handling pagination logic and optionally drawing pagination UI.\nSupports \"dot-style\" pagination (similar to what you might see on iOS) and\nnumeric page numbering, but you could also just use this component for the\nlogic and visualize pagination however you like.\n\n* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/paginator/main.go)\n\n\n## Viewport\n\n\u003cpicture\u003e\n  \u003csource media=\"(max-width: 600px)\" srcset=\"https://stuff.charm.sh/bubbles-examples/viewport.gif?0\"\u003e\n  \u003csource media=\"(min-width: 600px)\" width=\"600\" srcset=\"https://stuff.charm.sh/bubbles-examples/viewport.gif?0\"\u003e\n  \u003cimg src=\"https://stuff.charm.sh/bubbles-examples/viewport.gif?0\" alt=\"Viewport Example\"\u003e\n\u003c/picture\u003e\n\nA viewport for vertically scrolling content. Optionally includes standard\npager keybindings and mouse wheel support. A high performance mode is available\nfor applications which make use of the alternate screen buffer.\n\n* [Example code](https://github.com/charmbracelet/bubbletea/tree/master/examples/pager/main.go)\n\nThis component is well complemented with [Reflow][reflow] for ANSI-aware\nindenting and text wrapping.\n\n[reflow]: https://github.com/muesli/reflow\n\n\n## List\n\n\u003cpicture\u003e\n  \u003csource media=\"(max-width: 600px)\" srcset=\"https://stuff.charm.sh/bubbles-examples/list.gif\"\u003e\n  \u003csource media=\"(min-width: 600px)\" width=\"600\" srcset=\"https://stuff.charm.sh/bubbles-examples/list.gif\"\u003e\n  \u003cimg src=\"https://stuff.charm.sh/bubbles-examples/list.gif\" alt=\"List Example\"\u003e\n\u003c/picture\u003e\n\nA customizable, batteries-included component for browsing a set of items.\nFeatures pagination, fuzzy filtering, auto-generated help, an activity spinner,\nand status messages, all of which can be enabled and disabled as needed.\nExtrapolated from [Glow][glow].\n\n* [Example code, default list](https://github.com/charmbracelet/bubbletea/tree/master/examples/list-default/main.go)\n* [Example code, simple list](https://github.com/charmbracelet/bubbletea/tree/master/examples/list-simple/main.go)\n* [Example code, all features](https://github.com/charmbracelet/bubbletea/tree/master/examples/list-fancy/main.go)\n\n\n## Timer\n\nA simple, flexible component for counting down. The update frequency and output\ncan be customized as you like.\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/timer.gif\" width=\"400\" alt=\"Timer example\"\u003e\n\n* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/timer/main.go)\n\n\n## Stopwatch\n\n\u003cimg src=\"https://stuff.charm.sh/bubbles-examples/stopwatch.gif\" width=\"400\" alt=\"Stopwatch example\"\u003e\n\nA simple, flexible component for counting up. The update frequency and output\ncan be customized as you see fit.\n\n* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/stopwatch/main.go)\n\n\n## Help\n\n\u003cpicture\u003e\n  \u003csource media=\"(max-width: 500px)\" srcset=\"https://stuff.charm.sh/bubbles-examples/help.gif\"\u003e\n  \u003csource media=\"(min-width: 500px)\" width=\"500\" srcset=\"https://stuff.charm.sh/bubbles-examples/help.gif\"\u003e\n  \u003cimg src=\"https://stuff.charm.sh/bubbles-examples/help.gif\" alt=\"Help Example\"\u003e\n\u003c/picture\u003e\n\nA customizable horizontal mini help view that automatically generates itself\nfrom your keybindings. It features single and multi-line modes, which the user\ncan optionally toggle between. It will truncate gracefully if the terminal is\ntoo wide for the content.\n\n* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/help/main.go)\n\n\n## Key\n\nA non-visual component for managing keybindings. It’s useful for allowing users\nto remap keybindings as well as generating help views corresponding to your\nkeybindings.\n\n```go\ntype KeyMap struct {\n    Up key.Binding\n    Down key.Binding\n}\n\nvar DefaultKeyMap = KeyMap{\n    Up: key.NewBinding(\n        key.WithKeys(\"k\", \"up\"),        // actual keybindings\n        key.WithHelp(\"↑/k\", \"move up\"), // corresponding help text\n    ),\n    Down: key.NewBinding(\n        key.WithKeys(\"j\", \"down\"),\n        key.WithHelp(\"↓/j\", \"move down\"),\n    ),\n}\n\nfunc (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {\n    switch msg := msg.(type) {\n    case tea.KeyMsg:\n        switch {\n        case key.Matches(msg, DefaultKeyMap.Up):\n            // The user pressed up\n        case key.Matches(msg, DefaultKeyMap.Down):\n            // The user pressed down\n        }\n    }\n    return m, nil\n}\n```\n\n\n## Additional Bubbles\n\n\u003c!-- in alphabetical order by author --\u003e\n\n* [76creates/stickers](https://github.com/76creates/stickers): Responsive\n  flexbox and table components.\n* [calyptia/go-bubble-table](https://github.com/calyptia/go-bubble-table): An\n  interactive, customizable, scrollable table component.\n* [erikgeiser/promptkit](https://github.com/erikgeiser/promptkit): A collection\n  of common prompts for cases like selection, text input, and confirmation.\n  Each prompt comes with sensible defaults, remappable keybindings, any many\n  customization options.\n* [evertras/bubble-table](https://github.com/Evertras/bubble-table): Interactive,\n  customizable, paginated tables.\n* [knipferrc/teacup](https://github.com/knipferrc/teacup): Various handy\n  bubbles and utilities for building Bubble Tea applications.\n* [mritd/bubbles](https://github.com/mritd/bubbles): Some general-purpose\n  bubbles. Inputs with validation, menu selection, a modified progressbar, and\n  so on.\n* [treilik/bubbleboxer](https://github.com/treilik/bubbleboxer): Layout\n  multiple bubbles side-by-side in a layout-tree.\n* [treilik/bubblelister](https://github.com/treilik/bubblelister): An alternate\n  list that is scrollable without pagination and has the ability to contain\n  other bubbles as list items.\n\nIf you’ve built a Bubble you think should be listed here,\n[let us know](mailto:vt100@charm.sh).\n\n\n## License\n\n[MIT](https://github.com/charmbracelet/bubbletea/raw/master/LICENSE)\n\n\n***\n\nPart of [Charm](https://charm.sh).\n\n\u003ca href=\"https://charm.sh/\"\u003e\u003cimg alt=\"The Charm logo\" src=\"https://stuff.charm.sh/charm-badge.jpg\" width=\"400\"\u003e\u003c/a\u003e\n\nCharm热爱开源 • Charm loves open source\n\n[charm]: https://charm.sh/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathaou%2Fbubbles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathaou%2Fbubbles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathaou%2Fbubbles/lists"}