\n\n> Buefy is a lightweight library of responsive UI components for [Vue.js](https://vuejs.org/) based on [Bulma](http://bulma.io/) framework and design.\n\n## About this branch\n\nThis branch `buefy-next` aims at being Buefy for [Vue 3](https://vuejs.org).\nThe branch departed from the latest commit [#b6233b9c335d99cf688ee2a3b9c61fd26a92a182](https://github.com/buefy/buefy/commit/b6233b9c335d99cf688ee2a3b9c61fd26a92a182) on the [`dev`](https://github.com/buefy/buefy/tree/dev) branch as of July 4, 2023.\n\n### Initial migration goal\n\nThe initial migration goal was to make the documentation page of every component work, and it was achieved.\nSome features not used in the documentation pages may not work.\nPlease refer to [MIGRATION-NOTE.md](/MIGRATION-NOTE.md) for more details about what challenges we faced.\n\nDue to focusing on the documentation pages:\n- **Unit tests have not been updated at all**.\n- **Extensions have not migrated**.\n- **Server-side-rendering has neither been tested**.\n\n### Breaking changes\n\nBecause not all of Vue 2 features could be reproduced with Vue 3, there are some breaking changes.\nPlease refer to [CHANGELOG.md](/CHANGELOG.md) for more details.\nThe biggest breaking change is obviously, **this does not work with Vue 2**.\n\n### How to install\n\nTo install this fork, please run the following command,\n\n```sh\nnpm install buefy@npm:@ntohq/buefy-next\n```\n\nThe above command will install `@ntohq/buefy-next` under the `buefy` alias.\nThis is recommended because `@ntohq/buefy-next` will replace `buefy` when it becomes stable.\n\n## Features\n\n* Keep your current Bulma theme / variables easily\n* Supports both [Material Design Icons](https://materialdesignicons.com/) and [FontAwesome](http://fontawesome.io/)\n* Very lightweight with none internal dependencies aside from Vue & Bulma\n* About 88KB min+gzip (with Bulma included)\n* Semantic code output\n* Follows Bulma design and some of the [Material Design UX](https://material.io/)\n* Focus on usability and performance without *over-animating* stuff\n\n## Documentation\n\nThe documentation is in the docs directory, it serves as the demo as well.\n\nBrowse [online documentation here](https://buefy.org/).\n\n## Quick start\n\nYou need [Vue.js](https://vuejs.org/) **version 3.0+**. (Vue 2 is not supported)\n\n### 1 Install via npm\n\n```bash\nnpm install buefy@npm:@ntohq/buefy-next\n```\n\n### 2 Import and use Buefy\n\nBundle\n```javascript\nimport { createApp } from 'vue';\nimport Buefy from 'buefy';\nimport 'buefy/dist/buefy.css';\n\nconst app = createApp();\n\napp.use(Buefy);\n\n```\nor Individual Components\n```javascript\n\nimport { createApp } from 'vue'\nimport { Field, Input } from 'buefy'\nimport 'buefy/dist/buefy.css'\n\nconst app = createApp();\n\napp.use(Field)\napp.use(Input)\n\n```\n\n### 3 Include Material Design Icons\n\n```html\n\n```\n\nIf you want to customize the icons or the theme, refer to the [customization section on the documentation](https://buefy.org/documentation/customization).\n\n### Alternatively, you can use a CDN or even download\n\n```html\n\n\n\n\n\n```\n\n**Currently, including `buefy-next` via `
![](\"https://raw.githubusercontent.com/buefy/buefy/master/static/img/buefy-banner.png\")
\n \n ![](\"https://img.shields.io/github/v/release/buefy/buefy?logo=buefy&color=7957d5&labelColor=lightgrey\")
\n ![](\"https://img.shields.io/npm/v/buefy.svg?logo=npm\")
\n ![](\"https://img.shields.io/npm/dt/buefy.svg\")
\n ![](\"https://img.shields.io/circleci/project/github/buefy/buefy.svg?style=flat-square\")
\n ![](\"https://img.shields.io/codecov/c/github/buefy/buefy.svg?style=flat-square\")
\n ![](\"https://img.shields.io/badge/chat-on%20discord-7289DA.svg?logo=discord\"){kind=icon}
\n ![](\"https://img.shields.io/badge/code_style-buefy-7957d5.svg?style=flat-square\"){kind=icon}
\n