\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\nVue.use(VueCirrus);\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\nVue.use(VNavbar);\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"762f1eeac29907179baf1b6efcdfe591bdc57e89","_id":"vue-cirrus@0.6.25","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-C2UHreExhJUfOXfzULchdsBU1Q3OOBxyDBcKRedYJjZ2kSxLryNdDhGZhr1WqwWGyR9aHCOaf0mNJ2q+l9UucA==","shasum":"0e6bb69f746b5bc5b73a38d89efcff5402ae1006","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.6.25.tgz","fileCount":124,"unpackedSize":1953714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq2pZCRA9TVsSAnZWagAARcwQAKAoG8vT2aerOZ2FH6Rt\n8xGE/CgOkkum2Zp9G8C120Ufe8GFsAJwP8+aWgvSBgJndzYfQI6fp7nBdCw8\nIxCkloZYz1Sada8zsi0mBYRnNsQ8vUHq6pZ9zL2Do3zQ0+5scId9mOcq4PRd\nQLUT77/dxvQoAc5tajdcr5G0x4tG4K9LvnHAKDa+FPLR2/duEJzAH0ZwDzWm\nvbJlhsM1PlbJj68xQEnhRhgpPuCPakDwYp2QWvg2f7S014S8ofpB5916jOc9\n1QjhyYmZXjyEaeImpPGZAdyQ6lfn/QzOkzIVWu+zyCU31NI3EzdyOQ9y8feR\nJa8JqesKmMVaCyhMZ5ue9BCwnTv8IK2zEhkaWHQW5/2BF47VV69XSmY+1aWU\nIy/NV4MXeG4XWX4Wm9y4kUmPIs8qGlu0ahouj93KHrUpGRWQHfR8EfJTRFL3\nSTozd1x+OZXmiRiJnhHjZEx3h3GtA2BuskBerzH21J9wdRuve1YgCiZPam6Z\npMrf98QZxX+QG59hpPc3zOc36iiOgJPlM72gMuZu29bIKjWb8sejk+6FZZJd\npojOZbTGr8jjLpo8iyHNo4JQzWNKE3KSXoKSagu9tUkiDIOGPjop1DBrGdDu\n9cJA+CtFl4oTqp5gSipt7ezJRcQlBuLQzzZpMwevs3YddXOqbhZ2oinPiNUK\nPjsW\r\n=dD0p\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/eMgVMo9gy2YUzfesT1iGoKBkdnk5qXEwD+hqqZlSjQIhAN5JHSZefj8OhQnMFe2/iFOfnPJS5huz1CxmadT0o5qC"}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.6.25_1621846616948_0.2728238319151557"},"_hasShrinkwrap":false},"0.6.26":{"name":"vue-cirrus","version":"0.6.26","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --name vue-cirrus ./src/main.js","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","dependencies":{"vue":"^3.1.0-beta.3"},"devDependencies":{"@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","webpack-bundle-analyzer":"^3.6.0"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"fd441b13832a6f01021a8942a9159be55cb3c450","_id":"vue-cirrus@0.6.26","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Z19UuzAmiRL6clHPPKfxh3+i2JXV0GWbu59cbJWl7nIMIEK1H/2oASlob90G7Weq+AfXheZdgo/PD9mrf6sIEQ==","shasum":"09d50e80b3a6fb5f1261c6f2f73a09bd277652dd","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.6.26.tgz","fileCount":125,"unpackedSize":1961605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq2+pCRA9TVsSAnZWagAApQ8QAIcr1xKENoWKAy1+90lM\nw/g1mka3yrevJPIJg/jCFWWfLTdIr1FiF/umy8Y9gPedh2+PTc/gXh48ZUKA\n/29qq6w2z9sAl96B33/jonXFMZroeXKR/kI7hUw0jxmrZQ5fbo1EUV3jUjbS\nDkNqknn7SO8bv7YNRZpK6s4COCwukjeah1fb9z42sQ2lfKrN+qteNLHZRFfJ\n+2Z9HQDqCligymb9t22SZ9O7+H4iKqg/4gDOu7WDUUDoXb+D9bO+LHG+b7Rp\nMbeXGMbjUYw1xW/nUD47JaDkTSt6R9nbUEK1+TjDrSQWFVcfbdXJbB7fWv43\nVNnYDXzxY/4i5j46zXerDKoLfO/txzHdw3iWTwnjpawB4AxGAowLno79rKeR\n4TKnz+m65AoASqwm40JrmjLlR8thcZdQhHL14cfczaQEaE7TuMoQScXrdy+Z\nDVGckqg0lEF/OAqLCIePgR261SuGRjkIU9Tb1jl3NR71fk95/cHFhn/abnF1\nANlhqeO2iTxqv2RP4246t1dMQge40j5o5r5P5FFWUTPPHFGCpWt0ChsZU9un\ndPbJxIX8vu0moAgrhgVF6+WqxXYalU2+zC56CiCgqgnsUNNj00NwJleNHaN+\nM7nOXp+LEim1/f/dRpc0Gmb4cXGeErkvZsywYV5CV6uDHwv/mVW54FcCXslS\n/APq\r\n=pEjf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEM+RJbYJVU7C+Hp5X3gQZamEqkoAQo9oyfh1HomWLsrAiEAuu0GemudSWY8eC0TPevHrRPJFwIkIgeJZD0dl5lnCXw="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.6.26_1621847976911_0.24686050988368136"},"_hasShrinkwrap":false},"0.6.25-v2":{"name":"vue-cirrus","author":{"name":"Florian Woelki"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"version":"0.6.25-v2","description":"A Vue components library for the Cirrus CSS framework.","main":"./dist/vue-cirrus.common.js","private":false,"scripts":{"serve":"vue-cli-service serve --open","dev":"./scripts/devmode.sh && vue-cli-service serve --open","build":"vue-cli-service build --target lib --name vue-cirrus ./src/main.js","lint":"vue-cli-service lint"},"dependencies":{"vue":"^2.5.22"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"devDependencies":{"@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-service":"^4.3.0","@vue/eslint-config-airbnb":"^4.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","vue-template-compiler":"^2.5.21","webpack-bundle-analyzer":"^3.6.0"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"pre-commit":["lint"],"gitHead":"06b9b15c17ac406b2e9728ea5007b672d712abf6","_id":"vue-cirrus@0.6.25-v2","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-K9M1nrlRetsk+aA/5NYSPrYno8xICLrkPbnfrdfxKlV2+UOBK0gAKvqEEHBaxESJbrhSWK049BcZQA0lvoaU9Q==","shasum":"cdab3cea1a79cd347c5afc7dbd5d508a17e7e8c2","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.6.25-v2.tgz","fileCount":125,"unpackedSize":2099918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq3HhCRA9TVsSAnZWagAATDcP/2Xy3crNQust5hGKyk0L\nw51kqp3BGCbUr0kbtGK8Brsyk2fz0iPdCbK3kAHqFRg0jGR8UQGaSu2al2hY\n9//J9RiAskMM+hQjvjmjqY9/vmmDUD5QKYJuNGhrqB/M/rLyJvfgZy7J9Dt2\nQCYrZcQH81OfXwW+h7aer7jm64ja9GEpRMozkwAIJ8dxYmdZ/dDa8MfAbQJ7\nM3MoSJt7sfNX4Hz2p9YezKCAZhPgx2OY77RE1mQRwwEnVZ4OWd6mbB/2gPIa\nFwm2YQo91RSgg17PTP9QpdApKbL8SuFz1o4cLvKKJAlH0islPemABdRncWxU\nNnaM72ox6SQ4q0qEz5qD3cDuzJrty1k0dBov0i8cgz0qvVHrmEat5p2enSHY\nqZqtqs8oOe2kbuQnR15QLmKw7Wyd6LXhi6Fs/FIQlKLKAQTf3gchnRLu19RQ\nKMHr4SOzjLOtRsUKILkCN0uAU+NpAX/pXpLQnHoina25Yx1z5+YEn8/EYNUI\nfMegPZx7btxxBsa4HesZVa3NS6qoDf1A1+zf38u1npi7gIZZgAkAWoCrJ4RX\nPX4P2XQSmfqsyn/YB1eu0alJ0yR1Jx8vLSN814QSCydNf+j+VsgHMBvSxcLA\nLbEG1SHkpJaBMZxmATk0SwZpqHXMx5g7fuDlaSBN+fJqZ5FOYs01hXs29Xiu\neQYN\r\n=YYLk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/XNRuxMlCQvV+ZoG+sXUvefSiuJ5LQ8O7zbNhOBmgLAIgYASA4v5t1ahbkj45ZnLUuw8az/JxPB9bLuGYbHPD4VQ="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.6.25-v2_1621848545310_0.6812407741664084"},"_hasShrinkwrap":false},"0.6.2-6.1":{"name":"vue-cirrus","version":"0.6.2-6.1","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --mode production --name vue-cirrus ./src/main.js","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","peerDependencies":{"vue":"^3.0.0","cirrus-ui":"^0.6.0"},"devDependencies":{"vue":"^3.0.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","webpack-bundle-analyzer":"^3.6.0"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"f05db6270bb4b058f4b20df10a1453dd67ca118a","_id":"vue-cirrus@0.6.2-6.1","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-8qTnrHPu0IW1mG0EIWDS/90fbpqINDLHF1wlPpcGFMs6KlFECnzIQM4QHrNDh701G6ucz1w0BR+e/GezdPp0ow==","shasum":"a1812257a967744d01892af7f5705d7030725e0f","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.6.2-6.1.tgz","fileCount":125,"unpackedSize":1960554,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4DRCRA9TVsSAnZWagAAFhMP/i3tDW3QV6THQK+adtld\n6Cx1BmGeE4PLzfquuYNk0vJUOyCVZis6vy4eactwIyABlv0EDaFNirdhZ6WD\nGNVjzYLvEBt9rCaCCyCwozX9xJYDlRTqabr5dL+RbxK2sAL4NlMj7LQO/c86\nbWihfycG2w5zkt0pMUDo1GdGxf2/PJpzg7V5wri6PHWIJc5JCohD6fnppFS/\nqTStXnA7ORXrEvv0/wPCELGGFEnIeydAEMppWOowqitivIPODEb7Ip54ceKj\ng67c+S0CzwNrnU85JgTyQEu6rvFTU4/TwJlWYQwDiO3I7Tl84fSraSVQ9tw+\nJXTFGYDjlBA5ZoUFgD8inhLPOvvRY4a5HPPZ27As+ljkr6E4PY1GwqCFcog0\nf9680nup+MvjUfbZTpW9xJr5DhOrOu0qngr51qtFafcaexKkhXkVOWnTyFp2\nbvoUfq8OTS6kz8ncC+lkQ5YCoV1xEdd3o2nP7Cfy0dNrEUdbNGzXzE2kBFNC\nui0LwP5NmzYGNAgQ0Gg8apwGAFMz86beCTZqhzTsh3rZn+y/GGOHf8sfIvxB\n0lOkFJ9b1hpjZfkeuc3mc34L2CyU9WTa3wnJwS9ZJY07SmtXGutNZFeivVQQ\nzRZZ7YH4Lppz3mLiRK9mcuWNnnmoGz6//1jY5SLynmZzafLtaFL2v5gR1kNs\n7QJy\r\n=bLf+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKedlZ0R2kMl+e6VcbLfJk8s3t5P+LGVm1b9B/3gIZwQIgORnX3g5xlQtMCXYdaapYkpOmVZMbCUWYijVlKTTMl8k="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.6.2-6.1_1621852369003_0.5549275897924926"},"_hasShrinkwrap":false},"0.6.27":{"name":"vue-cirrus","version":"0.6.27","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --mode production --name vue-cirrus ./src/main.js","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","peerDependencies":{"vue":"^3.0.0","cirrus-ui":"^0.6.0"},"devDependencies":{"vue":"^3.0.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","webpack-bundle-analyzer":"^3.6.0"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"1507f5421af069ab5a6c87f439e8783f252ccd71","_id":"vue-cirrus@0.6.27","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-rE8XuCaaujkAxL4rE9GIOu9UCXsyF9kAHXqREDUKmQczwh62OcMUTyOCewj57OEWpqMgcK2JxGgMwiGthZ024A==","shasum":"ec78f53cd8b2eee357b8f7b54fe8848955c37328","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.6.27.tgz","fileCount":125,"unpackedSize":1960726,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq4F9CRA9TVsSAnZWagAAZgcP/1O6/efeRZjNePA9SbX8\nivG8f0rBHA4Pzd1GC+D8EAUtJjgGu/MztV7JP57+VpBbEBZEjv1JJAeRBC63\n1fEGfOY1eIhW1Z8PiQ47J8MiTXpvIoHJMr7sel99YgYaeOpYHFp81WCXLfKZ\nqnJG+FlH7hZLgW3dfEI42lVUnHRZ/I2vdBrhXsAW62qJxoRNqg4G8uy8fBH/\n3pdovl1Gnd/lyVGcpaEKPMzn4c+OQMa4fcNKSpEzJxVTR0GCRqn4KF2cvC/4\nGULXk4s0V5M4Lgo3pVgT7FN8tcq5/HPv0joP9hKLl2P3AbYyahGmBDMmLQI7\nQQuJLeCukCb+z5DZq+OeNyNxiHlB/b4MnTOQPUwoLbvPkwXkwRoKvrzUd/ST\nuHBhyKhPMUrOXRoctBrdWl9RtK50Rz4niHOZIMs6FEffG0XDArfwXbBcUfMC\nEliBXQLnT6XB9oUuSKAVRAfqEN2RjC/RwOjVBJP/s4P2D9ExkGh2FQCpH6Zf\nejKjwqT9DUMGPwuM26xGtMoRyj3c6SAokGz+oenS++mKr/vZd8HbRVfm/QHd\nKJFFwstO58H+hxaXW8IsuccpkVLhszQVd9yqqU9p9bL02i4KP/s2/rD7gyqv\n81Juk3A5bgkG1v820jRNCXDZQJ5o/RkW2ozVgGPZ/33vyLIrpQmLYvCkjXBH\nyS3r\r\n=apB/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHqImnNX6x25uMZv4zSPQbgpVa37aB/ALeZQILxvrIs4AiAxkMy8PrVx5lJWH6ayprIROeIS8Z2hJ5cnUib27TLz0Q=="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.6.27_1621852541210_0.14598740097823826"},"_hasShrinkwrap":false},"0.7.0":{"name":"vue-cirrus","version":"0.7.0","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"rollup -c rollup.config.js","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.cjs.js","browser":"dist/vue-cirrus.esm.js","unpkg":"dist/vue-cirrus.global.js","jsdelivr":"dist/vue-cirrus.global.js","module":"dist/vue-cirrus.esm-bundler.js","types":"dist/vue-cirrus.d.ts","devDependencies":{"@rollup/plugin-commonjs":"^19.0.0","@rollup/plugin-node-resolve":"^13.0.0","@rollup/plugin-replace":"^2.4.2","@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","rollup":"^2.50.4","rollup-plugin-scss":"^2.6.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^6.0.0","sass-loader":"^7.1.0","typescript":"~4.1.5","vue":"^3.0.0"},"peerDependencies":{"cirrus-ui":"^0.6.0","vue":"^2.6.11 || >=^3.0.0"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"dependencies":{"vue-demi":"^0.9.1"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"a710858cb0a0c2a0208aa336899c6cfd93e3798c","_id":"vue-cirrus@0.7.0","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-tIibnmjaHES3lVWwEjzO4V8no91Z+6R8SOmXZLNgMdS0SRdKFif2EHL6Sb9C3vxhuMCUcRo/3/hnsO3RIvMb7g==","shasum":"2bb5f683076ca3007c254d85877f3e73b64b12c7","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.7.0.tgz","fileCount":479,"unpackedSize":3297749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsgzhCRA9TVsSAnZWagAA9j4P/1J5k2IrkeRqrWrHP6SG\niHS0A376T8wVDcZDsIr6EfqdwIaRjl13Cyy9pjL5dUkCpHb2LOgUZ0ey5pFW\nu17Extumg/ebksuiL/CuDnuU+0XzjGC315jsmLNEEBNLSG+zOYzwu5J2pWNC\nkI4LoqMtb7MBD/EFwBd7J/1aDIpO5jDBV+jKE8nEElqy0TBFudKVh8aUH/hp\n/22Voj4CkWVTXksd/hd6NjxBgaez+U3hvzVrC/yNPwe6BltV8S6H/vbAvfbl\n2tTLFIs+8KamqAZX34GDwJE3U4D0Y1ObIAUdfJXBEz2v/wEFuCugZ6v/gYoe\nU5uofXppOJDv+xZLgjzgXw2Z3jrwDP2E7vc9ZFANbrOq5H4Eaod7p8f3q8/8\nwJmqkE2AZXl4vy7dA4fJ0UguYn0yD2Eq7KVOtHEwjHiG2la7Pc2e5utNchLl\nc4uod5nBU4R73mPCXZjlHVyIdS6Ox7/Rgw4OF1AUOd+2E0u+E5WW+NS7Upd4\nSz0BfXJCO2IHUqV0DIY5x6eqyu0kVoYobfscw9F0pNPf1vpiZTpGN0V9VEAL\naHPchmm8q7shc/DMRdudzVV+aZSPGnUhnnTSGBjD0oXxFYx0ADjP6GxzBcFK\ncVoPNTVOxHnGFgXaKb9CdcRqYbn+Bss5Ss46d3q+8fL3N1a1hzOza5d/s8aA\nZaEO\r\n=GYJR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBp8xbJdZ5aAZLPBFgL4LjvUDhtoBnJ6YzZZETl0j+xnAiAs0myGEfAed3m11/dynJXgLtN3kUQFEKw3lh3lkYc35g=="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.7.0_1622281440315_0.9934576536197248"},"_hasShrinkwrap":false},"0.7.1":{"name":"vue-cirrus","version":"0.7.1","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --mode production --name vue-cirrus ./src/main.ts","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","typescript":"~4.1.5","vue":"^3.0.11","webpack-bundle-analyzer":"^3.6.0"},"peerDependencies":{"cirrus-ui":"^0.6.0","vue":"^3.0.11"},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"f80857eec098bfb1a7a187cf145b63f4b4c7e24d","_id":"vue-cirrus@0.7.1","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-6JWiEUxmDzapD9nTCYBrHaGsROVrUnJK9FWjasE4hnZtFL5ra/29F3q/q/0j1Fg5GuJnf33jFJL6hT/aoUlyDw==","shasum":"481fd14cedb1081bb6109034610a4f72016cdec9","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.7.1.tgz","fileCount":127,"unpackedSize":2285826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsjqJCRA9TVsSAnZWagAAs64QAIs9K3lTV9XKqtosqASW\nEeAzD76sKOKQwsn7cGBsLwyjEsxL8uCIO8EY7hhM6SH6X7N5AJ+uCYpkpqGc\nSK9L8YKIHtczScRTOVvGOBdP8xS2hbJohXPUdznXIeCyuxFFwi4F5Eix9K0g\nSMzoQt/4WKKPmI8ZXmJUAGs4E4C5RAUSVDRMGh3MMI/IHFyUYnd1d4F3cpSK\nVBlOIKhOsOAdrY3oYps3nd9scrCozvIJTWDFR2Dt3XbsUZq07VtjNNosBNov\n62GqI/USyPeHTUY5La/qYFSRzE2BMnr6Tnq0wnrRr5dj4+TObYeREVjrDQ09\nBYGbUTgtl+oxK8RIyQJzDPOjXZh9wP5yVb1heNdrqmimqTqp+Tpr4gI9HK32\nwBtgSxAuqc4N54ronzBZbpGH/E1cRw8xPVT4ibNDwTqaLascZMMeckOhA+CP\n/GPFi3mIIIRFGTIE4N+Tq9nY5yXSiWoY2G6KW8E0uVbaDjEY2v5ST84SdjxV\nPADt464NisZjoXu65nrQJ5yeJ8sROEZvnabNAkyW6YL4FruIyyJHeBoymweU\nhQnhlEgwf5mM22tAfGCW9v/vyMlSQ+mZmI99to+l0fQCGBWKGKLAi7nj4tC+\notKxg75bLNTEbHpnH21XY6YKoWHiwVpsLqmgBz3JaGSi8ewRtbfTIF3Pfjqx\n0dQK\r\n=6ilG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWA8uDEdfNrRSsGbJ2V0yi8VkZgJqlZOaqg42xBo9cbgIgHSGZ1m/3hHlrkjtQhhwKcNxaFhEpn67zLsGQE/Zbun0="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.7.1_1622293129020_0.8404761995853405"},"_hasShrinkwrap":false},"0.7.2":{"name":"vue-cirrus","version":"0.7.2","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --mode production --name vue-cirrus ./src/main.ts","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.0.0-beta.1","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^7.0.0-alpha.0","node-sass":"^4.13.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","typescript":"~4.1.5","vue":"^3.0.11","webpack-bundle-analyzer":"^3.6.0"},"peerDependencies":{"cirrus-ui":"^0.6.0","@vue/composition-api":"^1.0.0-beta.1","vue":"^2.0.0 || >=3.0.4"},"peerDependenciesMeta":{"@vue/composition-api":{"optional":true}},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"dependencies":{"vue-demi":"^0.9.1"},"readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nIf you want to see the documentation click here\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@next\n# OR\nyarn add vue-cirrus@next\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","gitHead":"b1979a50a0614785bee7b939b3d1b8c566d4e602","_id":"vue-cirrus@0.7.2","_nodeVersion":"14.14.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-WCndPIGjV3jDcjctpMfS9eUEF2gec49gdDGVzTteIoCZwvqa1RLGt8fyTkvlndQ/4wxCVJDfiiQUaWMMejq2NQ==","shasum":"cb0423f37fb5c8c0c239b5331eb3df3eb08dae4b","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.7.2.tgz","fileCount":127,"unpackedSize":2301796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgsjvTCRA9TVsSAnZWagAAWE4P/0U8DsysKtP646As7tLR\nKw3MycYJtV5WQ79BVb7ir4SwG5nGNtuutEhjOJwdjBQyFrgHKz0ooP5YYdFC\n6M4oOC1CtK3VDax4zY/lz00oi3XHFAgIM5fSTM+8vWTumV5HnTKBbUW+QDef\nr4/1ZfdRdEMuT3uLd5gYUi/SNPHblFBEwDxyjfgA8LEym6meP41rOBEAfwx5\nX9uRobxZ60vK6B/6bv7TaF9DTN5WeOcBKtNh/nMO1L7ZqfBBwv9/HmhYQ2sZ\n6IicDLaudAt/rWMFWzlj7EPiShC1OwRKt9Kqc7JZnofiI12AiLNJ1tP7vHFN\nUd17+bzhjBbl+8v6htg6p65c8LblcH4SkxJKORS3qGtgMrIL6tFCQgpE6Lm0\nDy6uNZ5JC6ooI6MSyRhcqHRuV77hRlWEwjcmQh0QkKGzU92gLLno4Z1QDDl5\ntMot1gJQ/KI4FHByxB3H0hR3iIyjSxaDsEQGQStLyDBATimQpS+Ohz80aEO1\nqAtM2Cr3QatIHuivpwlf8ZSkngwq+IgTZbkEpKLN0i2LVLdI7CaKlgqnH/tK\nA3rkN0CgXyZsvss0fWh5Iaj/jLpRWDdi2DpP9m63zoCcylvOCAzKU3AbnnZn\nAsyOY5vWPQZpWdchU5+Yljgad/mvWeK3RgVA2/d9ww316ojT1jl0GAw4p4+O\nZ8AC\r\n=N13A\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA7rfjDUsVs1iZ+I76mwzL1colbXbiT7+Z5TewVW5PZVAiBl5YqCoiRe/79QMZGz8NnZB491A2pyyLlfcV9f2dt3tA=="}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.7.2_1622293459193_0.17590460740098224"},"_hasShrinkwrap":false},"0.7.3":{"name":"vue-cirrus","version":"0.7.3","private":false,"description":"A Vue components library for the Cirrus CSS framework.","author":{"name":"Florian Woelki"},"scripts":{"serve":"vue-cli-service serve --open","build":"vue-cli-service build --target lib --mode production --name vue-cirrus ./src/main.ts","lint":"vue-cli-service lint","dev":"./scripts/devmode.sh && vue-cli-service serve --open"},"main":"./dist/vue-cirrus.common.js","devDependencies":{"@typescript-eslint/eslint-plugin":"^4.18.0","@typescript-eslint/parser":"^4.18.0","@vue/cli-plugin-babel":"^4.3.0","@vue/cli-plugin-eslint":"^4.3.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"^4.3.0","@vue/compiler-sfc":"^3.2.20","@vue/eslint-config-airbnb":"^4.0.0","@vue/eslint-config-typescript":"^7.0.0","babel-eslint":"^10.0.1","cirrus-ui":"^0.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^8.0.3","node-sass":"^6.0.1","pre-commit":"^1.2.2","sass-loader":"^7.1.0","typescript":"~4.1.5","webpack-bundle-analyzer":"^3.6.0"},"peerDependenciesMeta":{"@vue/composition-api":{"optional":true}},"browsersList":["> 1%","last 2 versions","not ie <= 8"],"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"},"homepage":"https://florianwoelki.github.io/vue-cirrus/#/","keywords":["vue","components","cirrus","framework"],"license":"MIT","pre-commit":["lint"],"repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"vetur":{"tags":"tags.json","attributes":"attributes.json"},"dependencies":{"vue":"^3.2.20"},"gitHead":"c415df20670e29fa5a24c2d2a6cfe3dd8bbb7d6a","_id":"vue-cirrus@0.7.3","_nodeVersion":"14.17.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-YT6BWHg+4hN5eEse7TR8O8f4zgP3PVFRJXV1tBL79e6qbYx1KKgyFU00EtpRevUPp6dCNg6VyZd5635t6ohQOw==","shasum":"1d3ee95b870c1612df4ec389b4c6bcc3fc466f83","tarball":"https://registry.npmjs.org/vue-cirrus/-/vue-cirrus-0.7.3.tgz","fileCount":125,"unpackedSize":2285428,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3AJdCRA9TVsSAnZWagAAqH8P/01R0Z1J4ebvaQ6n7Tjj\ni8+NIl7wfhLAzY6vkJO87PIDYQx5j1MbcN4d9J5/egKrtXd1/Z/wi8/0pNPU\nG037Nna9461xW57139/oMtpaFOArDtqaie5gDd4Up5FTL4WVadq4LvZ6hS/Z\nnaoXHwV1LXIVJlnMFSlQTwv79nP1jreekTqQH+rvGJgiKipg/6LyWYaggw/c\nfLrXmDxJu0T+E11rn5vNd0jabcjsso9MksiBfKkBf4UGOprp8dPn6vC35Mef\nSheciziRY/hv9O8pi26YMD42JlalqhLEkTz4TfFdUbCNwZ4z/LYvh5EWbeKz\ns3gCSIPZYftq3yz8SYVPuwBPN2OTOCWcDDCVplHCwRWHNE9giSBuHwQuaVM4\ng3uImj5o5CBtFeHfr5BeeySvKLefreVy/g1AJpC/CvoQ9wlylk5M4USAlWTo\nvrUH3omfjG5q91aIEKfETMbx9y9XXf2JgJUkeC0dLx9LUAjk2imUQICLzYU+\nfTjuzwOC+hYJwLz0dUxAxsxch2GZtislDZcB6cHtHF62hafZQOIk3UDUM5vw\n5Kd252IxnOs5Tf3rUoBNjWIIWACnnZYjWx37FgmjdAIoX1laRjA5tj78lTmK\nXOxEyLLiuQjlNVRNJ+YJ7gdy123gH7ont/JSKDr0AeHIsEQUm9KNWHfZ7a0F\nIP0E\r\n=mCLL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwzDaxHkwLqKXilRTf2+FFgLEKEe6BUMVmxbSmk2qB+AIhAKSF4yFYo9RZ5z3FbGE47YiaTzcsdoMw+CnAdRpPgif8"}]},"_npmUser":{"name":"flowy","email":"FlorianWoelki@gmx.de"},"directories":{},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-cirrus_0.7.3_1635667585955_0.5387908060595921"},"_hasShrinkwrap":false}},"time":{"created":"2019-02-17T11:55:02.351Z","0.1.0":"2019-02-17T11:55:02.746Z","modified":"2022-05-23T12:43:30.466Z","0.1.1":"2019-02-17T15:23:00.845Z","0.1.2":"2019-02-18T07:56:19.489Z","0.1.21":"2019-02-18T08:17:25.106Z","0.1.3":"2019-02-19T09:22:47.267Z","0.1.4":"2019-02-21T08:53:55.854Z","0.1.5":"2019-02-23T10:52:46.160Z","0.1.51":"2019-02-24T12:10:21.075Z","0.1.52":"2019-02-26T08:55:07.421Z","0.1.6":"2019-02-27T10:21:07.855Z","0.1.7":"2019-03-01T10:47:09.691Z","0.1.71":"2019-03-03T10:12:45.713Z","0.1.72":"2019-03-08T17:04:02.656Z","0.1.8":"2019-03-10T18:48:00.429Z","0.1.81":"2019-03-13T07:58:12.035Z","0.1.82":"2019-03-13T08:52:04.509Z","0.1.83":"2019-03-16T12:34:44.546Z","0.1.84":"2019-03-17T16:17:01.043Z","0.1.85":"2019-03-24T14:00:31.971Z","0.1.86":"2019-03-28T12:14:09.854Z","0.1.9":"2019-04-03T16:27:59.520Z","0.1.91":"2019-04-16T09:56:30.951Z","0.1.92":"2019-06-07T14:34:01.892Z","0.1.93":"2019-08-08T11:43:05.397Z","0.2.0":"2019-08-27T08:39:26.370Z","0.2.1":"2019-08-27T08:58:31.464Z","0.2.2":"2019-08-28T07:09:10.034Z","0.2.3":"2019-08-30T07:59:08.318Z","0.2.4":"2019-09-01T09:49:56.705Z","0.2.5":"2019-09-06T15:29:29.625Z","0.2.51":"2019-09-13T09:37:14.287Z","0.2.52":"2019-09-15T12:50:49.727Z","0.2.53":"2019-09-22T12:00:39.775Z","0.2.54":"2019-09-30T08:10:27.174Z","0.2.55":"2019-10-02T10:14:47.462Z","0.2.6":"2019-10-08T16:06:15.556Z","0.3.0":"2019-10-23T14:30:54.527Z","0.3.1":"2019-11-03T00:55:35.174Z","0.4.0":"2019-12-01T09:50:29.453Z","0.5.0":"2019-12-06T09:56:25.725Z","0.5.1":"2019-12-06T10:26:05.168Z","0.5.11":"2019-12-13T09:25:17.620Z","0.5.2":"2020-01-08T16:19:27.514Z","0.5.21":"2020-02-14T07:06:05.941Z","0.5.22":"2020-02-28T15:28:23.639Z","0.5.23":"2020-03-18T08:30:40.442Z","0.5.24":"2020-03-29T08:32:45.922Z","0.5.25":"2020-04-15T07:29:29.660Z","0.5.26":"2020-04-15T08:49:14.757Z","0.5.27":"2020-04-28T17:59:26.522Z","0.5.28":"2020-05-07T06:45:35.839Z","0.5.3":"2020-11-08T08:13:33.541Z","0.5.31":"2020-11-08T08:38:33.883Z","0.6.0":"2020-11-17T07:50:21.183Z","0.6.1":"2020-11-19T08:00:57.390Z","0.6.11":"2020-11-19T08:08:27.433Z","0.6.12":"2020-11-20T10:23:54.490Z","0.6.2":"2020-12-14T07:11:06.351Z","0.6.21":"2021-01-02T16:06:09.564Z","0.6.22":"2021-01-04T08:56:50.788Z","0.6.23":"2021-01-04T09:05:39.345Z","0.6.24":"2021-01-08T13:21:28.911Z","0.6.25":"2021-05-24T08:56:57.149Z","0.6.26":"2021-05-24T09:19:37.177Z","0.6.25-v2":"2021-05-24T09:29:05.509Z","0.6.2-6.1":"2021-05-24T10:32:49.206Z","0.6.27":"2021-05-24T10:35:41.391Z","0.7.0":"2021-05-29T09:44:00.573Z","0.7.1":"2021-05-29T12:58:49.211Z","0.7.2":"2021-05-29T13:04:19.421Z","0.7.3":"2021-10-31T08:06:26.158Z"},"maintainers":[{"name":"flowy","email":"FlorianWoelki@gmx.de"}],"description":"A Vue components library for the Cirrus CSS framework.","keywords":["vue","components","cirrus","framework"],"author":{"name":"Florian Woelki"},"license":"MIT","readme":"
\n\n
\n \n \n \n \n
\n\n## 🧐 Introduction\n\nVue-Cirrus is a component framework for Vue. The goal of Vue-Cirrus is to provide clean readable and reusable components that make building your application easier.\n\nYou can build your amazing applications with the Power of Vue, Cirrus and a massive library of beautifully crafted components and features.\n\nThis framework uses the Cirrus CSS framework for better styling and it is an adaption of vue components.\n\nThe UI library only supports Vue 3. For Vue 2, please use an older version of Vue Cirrus.\n\n## 🔨 Quick Install\n\n1. Install with npm/yarn\n\n```shell\nnpm install vue-cirrus@latest\n# OR\nyarn add vue-cirrus@latest\n```\n\n2. Include the following in your public.html file\n\n```html\n\n```\n\n3a. Import all Vue-Cirrus components by doing:\n\n```javascript\nimport VueCirrus from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VueCirrus).mount('#app');\n```\n\n3b. Or simply import single components of Vue-Cirrus by doing:\n\n```javascript\nimport { VNavbar } from 'vue-cirrus';\nimport 'vue-cirrus/dist/vue-cirrus.css';\n\ncreateApp(App).use(VNavbar).mount('#app');\n```\n\n4. Test, if it works by including the following in a vue file\n\n```html\nButton Test\n```\n\n## 🔮 Framework Components\n- [Avatars](https://florianwoelki.github.io/vue-cirrus/#/components/Avatars)\n - Avatars are simple small images for easy displaying pictures of users\n- [Badges](https://florianwoelki.github.io/vue-cirrus/#/components/Badges)\n - Badges are there for easily displaying numbers above a text or displaying info cards above some components\n- [Buttons](https://florianwoelki.github.io/vue-cirrus/#/components/Buttons)\n - Simple buttons, no explanation needed\n- [Cards](https://florianwoelki.github.io/vue-cirrus/#/components/Cards)\n - Simply create some good looking cards with some special effects, if needed\n- [Code](https://florianwoelki.github.io/vue-cirrus/#/components/Code)\n - Display your code on your website to demonstrate your framework or library\n- [Columns](https://florianwoelki.github.io/vue-cirrus/#/components/Columns)\n - A easy to use and simple 12 grid system\n- [Dividers](https://florianwoelki.github.io/vue-cirrus/#/components/Dividers)\n - Divide your content for better structure\n- [Dropdown](https://florianwoelki.github.io/vue-cirrus/#/components/Dropdown)\n - Create dropdown menus for structuring your menu points\n- [Footer](https://florianwoelki.github.io/vue-cirrus/#/components/Footer)\n - Create an easy footer for displaying your company information or other useful things\n- [Forms(SearchBar, DatePicker, Text)](https://florianwoelki.github.io/vue-cirrus/#/components/Forms)\n - Easily create a login form with these components or simply a search bar\n- [Frames](https://florianwoelki.github.io/vue-cirrus/#/components/Frames)\n - Simply generate a profile frame for easily displaying information\n- [Grid](https://florianwoelki.github.io/vue-cirrus/#/components/Grids)\n - A modern component for using the modern CSS grid system\n- [Links](https://florianwoelki.github.io/vue-cirrus/#/components/Links)\n - Easily create nice animated links\n- [Menus](https://florianwoelki.github.io/vue-cirrus/#/components/Menus)\n - Display really beautiful looking menus\n- [Modals](https://florianwoelki.github.io/vue-cirrus/#/components/Modals)\n - Simple modals for displaying further information\n- [Navbar](https://florianwoelki.github.io/vue-cirrus/#/components/Navbars)\n - It is so easy to create a simple navbar with this component\n- [NextPrev](https://florianwoelki.github.io/vue-cirrus/#/components/NextPrev)\n - Create next and previous buttons to navigate through your documentation or articles\n- [Pagination](https://florianwoelki.github.io/vue-cirrus/#/components/Pagination)\n - Easily paginate your articles, blogs or pages with this component\n- [Parallax](https://florianwoelki.github.io/vue-cirrus/#/components/Parallax)\n - Create a parallax effect with this component\n- [ParallaxElement](https://florianwoelki.github.io/vue-cirrus/#/components/ParallaxElement)\n - Create some really cool moving parallax elements\n- [Placeholder](https://florianwoelki.github.io/vue-cirrus/#/components/Placeholder)\n - If you do not know, what to insert, you can take this placeholder\n- [Snackbars](https://florianwoelki.github.io/vue-cirrus/#/components/Snackbars)\n - Create snackbars for displaying information on the top or bottom of the screen\n- [Sidebar](https://florianwoelki.github.io/vue-cirrus/#/components/Sidebars)\n - It has never been easier to create a sidebar\n- [Spaces](https://florianwoelki.github.io/vue-cirrus/#/components/Spaces)\n - Spaces can be really good to breath\n- [Tabs](https://florianwoelki.github.io/vue-cirrus/#/components/Tabs)\n - Create tabs for seperating the content of your page\n- [Tiles](https://florianwoelki.github.io/vue-cirrus/#/components/Tiles)\n - Tiles are useful for creating easy small components, like tweets\n- [Toasts](https://florianwoelki.github.io/vue-cirrus/#/components/Toasts)\n - Toasts are so easy to create with different colored backgrounds. \n\n## 💎 Be a part of vue-cirrus\nIf you want to be a part of vue-cirrus, you can make pull requests and add/edit components.\n\n[Here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/PULL_REQUEST_TEMPLATE.md) is the pull request template.\n\n## 📒 Changelog\n\nIf you have fun looking at some changelogs then you can go [here](https://github.com/FlorianWoelki/vue-cirrus/blob/master/CHANGELOG.md).\n\n## 👏 Acknowledgements\n\nThank you to the following libraries for making this library possible.\n\n- [Cirrus](https://spiderpig86.github.io/Cirrus/)\n- [Vue](https://vuejs.org/)\n","readmeFilename":"README.md","homepage":"https://florianwoelki.github.io/vue-cirrus/#/","repository":{"type":"git","url":"git+https://github.com/FlorianWoelki/vue-cirrus.git"},"bugs":{"url":"https://github.com/FlorianWoelki/vue-cirrus/issues"}}
![](\"https://i.imgur.com/OETMeDC.png\")
![](\"https://badge.fury.io/js/vue-cirrus.svg\"){kind=icon}
\n ![](\"https://img.shields.io/github/license/FlorianWoelki/vue-cirrus.svg\")
\n ![](\"https://img.shields.io/npm/dt/vue-cirrus.svg\")
\n ![](\"https://img.shields.io/npm/dm/vue-cirrus.svg\")
\n