[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8990":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":20,"hasPages":20,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":41,"readmeContent":42,"aiSummary":43,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":44,"discoverSource":45},8990,"oruga","oruga-ui\u002Foruga","oruga-ui","🐛 Oruga is a lightweight Vue.js UI component library without any CSS dependency","https:\u002F\u002Foruga-ui.com",null,"Vue",1165,167,7,16,0,2,19.68,"MIT License",false,"develop",[23,24,25,26,27,28,29,30,31,32,5,33,34,35,36,37,38,39,40],"agnostic","component-library","components","contributions-welcome","css","css-framework","customization","frontend","javascript","nuxt","sass","scss","tailwindcss","ui","ui-components","ux","vue","vuejs","2026-06-12 02:02:01","\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Foruga-ui.com\">\n        \u003Cimg width=\"240\" src=\"https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\u002Fraw\u002Fmaster\u002Fpackages\u002Fdocs\u002Fpublic\u002Flogo.png\" \u002F>\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@oruga-ui\u002Foruga-next\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@oruga-ui\u002Foruga-next.svg?logo=npm\" \u002F>\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@oruga-ui\u002Foruga-next\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002F@oruga-ui\u002Foruga-next.svg\" \u002F>\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\u002Factions\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\u002Factions\u002Fworkflows\u002Fbuild.yml\u002Fbadge.svg\" \u002F>\u003Ca>\n    \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FRuKuBYN\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-on%20discord-7289DA.svg?logo=discord\" \u002F>\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fko-fi.com\u002Fmlmoravek\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fko--fi-donate-%23FF5E5B?style=flat&logo=ko-fi&logoColor=white\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ci>Oruga UI is like a caterpillar, minimal and yet functional. It's in your hands turning it into a butterfly\u003C\u002Fi>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n(🐛) => 🦋\n\u003C\u002Fp>\n\n## Features\n\nOruga is a lightweight UI components library for [Vue.js](https:\u002F\u002Fvuejs.org\u002F) without any dependency.\nIt offers a set of easily customisable components and doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS, etc...). Therefore, it doesn't provide a grid system or CSS utilities, but you can integrate any CSS framework you like.\nOruga provides you with a set of functional components, so you can focus only on the UI\u002FUX aspects of your application and can be entirely flexible for future changes without having to touch a line of JavaScript.\n\n- **CSS framework agnostic**: No dependency on a specific CSS framework\u002Flibrary but you can easily integrate the components with one of them because they are fully customizable in different ways\n- **Components with steroids**: most of the components aren't a simple wrapper of native elements but they add new and custom features\n- **Lightweight**: no other internal dependency and import only components that you need\n\nIf you need a component library and want to easily apply your custom styles, Oruga is the library for you! 🐛\n\nIn addition, if you don't want to style everything yourself, we've created several [themes](https:\u002F\u002Foruga-ui.com\u002Fdocumentation\u002Fthemes.html) to provide you with a variety of ready-to-use styles. 🦋\n\n## Documentation\n\nBrowse [online documentation here](https:\u002F\u002Foruga-ui.com\u002Fdocumentation\u002F).\n\n💅 For more info about components customization, read carefully the [\"customization\" section](https:\u002F\u002Foruga-ui.com\u002Fdocumentation\u002Fconfiguration.html) in the documentation.\n\n🕹 To see Oruga in action, go to the [\"example\" section](https:\u002F\u002Foruga-ui.com\u002Fdocumentation\u002F#examples) in the documentation.\n\n> Note: the source code of the documentation examples can be found in the `examples` directories for each component, it serves as the demo as well.\n\n## Quick start\n\n🐛 Oruga is available for [Vue.js](https:\u002F\u002Fvuejs.org\u002F) **version 3.x**\n\n### Setup Oruga\n\n1. Install Oruga.\n\n```bash\nnpm install @oruga-ui\u002Foruga-next\n```\n\n2. Import the components:\n\n- To get started, create a new Oruga instance by the `createOruga` composable. The instance then has to be passed to the `app.use()` function of your current Vue app.\n\n    ```js\n    import { createApp } from \"vue\"\n    import { createOruga } from \"@oruga-ui\u002Foruga-next\";\n\n    const oruga = createOruga();\n\n    createApp(...).use(oruga, {\n      \u002F\u002F here goes the global config\n    });\n    ```\n\n- To take advantage of bundler’s tree-shaking optimisations, no components are registered globally by default. If you want to register a component globally, extend your Oruga instance with the relevant component plugin. This makes the respective component and its subcomponents, as well as any related programmatic components, globally available.\n\n    ```js\n    import { createOruga, Autocomplete, Sidebar } from \"@oruga-ui\u002Foruga-next\";\n\n    const oruga = createOruga();\n\n    \u002F\u002F register any necessary components globally\n    oruga.use(Autocomplete);\n    oruga.use(Sidebar);\n    ```\n\n- or [import them in your SFC](https:\u002F\u002Fvuejs.org\u002Fguide\u002Fcomponents\u002Fregistration.html#local-registration).\n\n### Customization\n\nOruga's superpower is its configurability and its CSS framework agnostic approach.\nEach component can be individually customised and configured by defining specific classes using a class-mapping approach. Therefore, Oruga comes without any styling by default. However, there are several official predefined configurations called themes, which you can include and extend to give your application a individual look and feel. And all components came with predefined classes by default.\n\nPlease read the [\"configuration\" section](https:\u002F\u002Foruga-ui.com\u002Fdocumentation\u002Fconfiguration.html) in Oruga documentation.\n\nIf you want to see an example with a fully customized registration form using `Tailwind`, `Bulma`, `Bootstrap`, `Material` or any other CSS framework have a look at the official [Oruga multiframework example](https:\u002F\u002Foruga-multiframework-demo.netlify.app\u002Ftailwind) (source code available [here](https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Fdemo-multiframework)) or if you're more familiar with TailwindCSS 2 give our official [TailwindCSS Demo](https:\u002F\u002Foruga-tailwindcss-demo.netlify.app\u002F) a try (source code [here](https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Fdemo-tailwindcss))\n\n### Using Oruga with Nuxt\n\nOruga doesn't provide a [Nuxt.js](https:\u002F\u002Fnuxtjs.org) module at the moment.\n\nYou can use Nuxt.js plugins system adding a file (e.g. `oruga.js`) in your `plugins` folder containing:\n\n```js\nimport Oruga from \"@oruga-ui\u002Foruga-next\";\n\nexport default defineNuxtPlugin((nuxtApp) => {\n    nuxtApp.vueApp.use(Oruga);\n});\n```\n\nTo make this plugin available in your app, add this file to the `plugins` array in your `nuxt.config.js`\n\n```js\nplugins: [{ src: \"~plugins\u002Foruga.js\" }];\n```\n\nTo understand how the plugins work with Nuxt.js, take a look at the [NuxtJS plugin documentation](https:\u002F\u002Fnuxtjs.org\u002Fguides\u002Fconfiguration-glossary\u002Fconfiguration-plugins).\n\n## Contributing\n\nPlease see the [contributing guidelines](.\u002F.github\u002FCONTRIBUTING.md).\n\n### Contact us 👾\n\n➜ Join the [Oruga Discord server](https:\u002F\u002Fdiscord.gg\u002FRuKuBYN).\n\n## Versioning\n\nOruga uses [Semantic Versioning 2.0.0](https:\u002F\u002Fsemver.org\u002Fspec\u002Fv2.0.0.html) for package versions.\n\nWhile it's still in beta, versions will follow this pattern: **v0.Y.Z**, where:\n\n- **Y**: Major (breaking changes)\n- **Z**: Minor or patch\n\n## Core Team\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fwalter_tommasi\">\u003Cimg src=\"https:\u002F\u002Favatars0.githubusercontent.com\u002Fu\u002F8029488?v=4\" width=\"80px;\" alt=\"\"\u002F>\u003Cbr \u002F>\u003Csub>\u003Cb>Walter Tommasi\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Fa>\u003Cbr \u002F>\u003C\u002Ftd>\n    \u003Ctd align=\"center\">\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002F4stagi\">\u003Cimg src=\"https:\u002F\u002Favatars0.githubusercontent.com\u002Fu\u002F537363?v=4\" width=\"80px;\" alt=\"\"\u002F>\u003Cbr \u002F>\u003Csub>\u003Cb>Andrea Stagi\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Fa>\u003Cbr \u002F>\u003C\u002Ftd>\n    \u003Ctd align=\"center\">\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmlmoravek\">\u003Cimg src=\"https:\u002F\u002Favatars0.githubusercontent.com\u002Fu\u002F25961416?v=4\" width=\"80px;\" alt=\"\"\u002F>\u003Cbr \u002F>\u003Csub>\u003Cb>Marcel Moravek\u003C\u002Fb>\u003C\u002Fsub>\u003C\u002Fa>\u003Cbr \u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Contributors\n\nThank you to everyone involved for improving this project, day by day 💚\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\">\n  \u003Cimg src=\"https:\u002F\u002Fcontrib.rocks\u002Fimage?repo=oruga-ui\u002Foruga\"\u002F>\n\u003C\u002Fa>\n\n[Complete list](.github\u002FCONTRIBUTORS.md).\n\n## Credits\n\nOruga logo designed by [Matteo Guadagnini](mailto:matteoguadagnini67@gmail.com)\n\n## License \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\u002Fblob\u002Fmaster\u002FLICENSE\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002F@oruga-ui\u002Foruga.svg?logo=github\" \u002F>\u003C\u002Fa>\n\nCode released under [MIT](https:\u002F\u002Fgithub.com\u002Foruga-ui\u002Foruga\u002Fblob\u002Fmaster\u002FLICENSE) license.\n","Oruga 是一个轻量级的 Vue.js UI 组件库，不依赖任何 CSS 框架。其核心功能包括提供一组易于定制的组件，支持与任意 CSS 框架（如 Bootstrap、Bulma 或 TailwindCSS）集成，同时保持高度灵活性和可扩展性。该库特别适合需要快速构建用户界面但又希望保持样式自定义自由度的应用场景。由于 Oruga 本身不包含任何内部依赖，并且允许按需导入组件，因此它非常适合那些追求高性能和低资源消耗项目的开发者使用。","2026-06-11 03:20:42","top_language"]