{"id":13504656,"url":"https://github.com/mayank091193/quasar-widgets","last_synced_at":"2025-03-29T22:30:56.853Z","repository":{"id":105020804,"uuid":"305325949","full_name":"mayank091193/quasar-widgets","owner":"mayank091193","description":"An awesome set of beautiful Widgets made with love using Quasar Framework and Vue.js! Give it a star if you find it useful.","archived":false,"fork":false,"pushed_at":"2021-02-02T05:42:36.000Z","size":2058,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T00:22:12.188Z","etag":null,"topics":["css","html","quasar-framework","vuejs","widgets"],"latest_commit_sha":null,"homepage":"https://quasar-widgets.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mayank091193.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"github":["mayank091193"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2020-10-19T09:08:54.000Z","updated_at":"2023-08-21T15:09:43.000Z","dependencies_parsed_at":"2023-07-11T20:46:10.608Z","dependency_job_id":null,"html_url":"https://github.com/mayank091193/quasar-widgets","commit_stats":{"total_commits":15,"total_committers":1,"mean_commits":15.0,"dds":0.0,"last_synced_commit":"e580a0a2ec17ff19a0066c69c19736bf60668c9f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayank091193%2Fquasar-widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayank091193%2Fquasar-widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayank091193%2Fquasar-widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mayank091193%2Fquasar-widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mayank091193","download_url":"https://codeload.github.com/mayank091193/quasar-widgets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246187467,"owners_count":20737523,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css","html","quasar-framework","vuejs","widgets"],"created_at":"2024-08-01T00:00:48.918Z","updated_at":"2025-03-29T22:30:56.817Z","avatar_url":"https://github.com/mayank091193.png","language":"JavaScript","funding_links":["https://github.com/sponsors/mayank091193"],"categories":["Awesome Quasar [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Tutorials"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/mayank091193/quasar-widgets\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/mayank091193/quasar-widgets/master/demo/assets/quasar-widgets-logo.png\" alt=\"Logo\" width=\"225\" height=\"80\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eQuasar Widgets\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    An awesome set of beautiful Widgets made with love using Quasar Framework and Vue.js!\n    \u003cbr /\u003e\n    \u003ca href=\"https://quasar-widgets.netlify.app/#/docs\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://quasar-widgets.netlify.app/#/examples\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/mayank091193/quasar-widgets/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/mayank091193/quasar-widgets/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n### NPM Package: https://www.npmjs.com/package/quasar-app-extension-q-widgets\n\n## Table of Contents\n\n* [About the Project](#about-the-project)\n  * [Built With](#built-with)\n* [Getting Started](#getting-started)\n  * [Installation](#installation)\n  * [Uninstall](#uninstall)\n* [Usage](#usage)\n* [Roadmap](#roadmap)\n* [Contributing](#contributing)\n* [Support](#support)\n* [License](#license)\n* [Contact Me](#contact)\n\n## About The Project\n\nFree library of great widgets to handle specific requirements in an effective manner. Instant integration, fully responsive and supports all major browsers!\n\nHere's why:\n* Just install, integrate by giving the type and few other required attributes and that's it.\n* Fully responsive on all resolutions\n* Supports all major browsers\n* Fully customizable\n\nOf course, it may not contain the widget you are looking for, but it will be there eventually. Just request feature and I'll try my best to have it integrated in future version.\n\n### Built With\nThis section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.\n* [Quasar Framework](https://quasar.dev/)\n* [Vue.js](https://vuejs.org/)\n\n## Getting Started\n### Installation\n\nTo add this App Extension to your Quasar application, run the following (in your Quasar app folder):\n\n```\nquasar ext add q-widgets\n```\n\n\n* Clone the repo (For Demo Project)\n```\ngit clone https://github.com/mayank091193/quasar-widgets.git\n```\n* Install NPM packages\n```\ncd quasar-widgets/demo\nnpm install\n```\n\n### Uninstall\nTo remove this App Extension from your Quasar application, run the following (in your Quasar app folder):\n\n```\nquasar ext remove q-widgets\n```\n\n## Usage\n### Countdown\n\n\u003cp float=\"left\"\u003e\n\t\u003ckbd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/mayank091193/quasar-widgets/master/demo/assets/countdown.png\" border=\"1\" alt=\"Countdown\"  /\u003e\n    \u003c/kbd\u003e\n\u003c/p\u003e\n\n* You can simply render the Countdown widget on your website using the following code snippet.\n```\n\u003cq-widgets name=\"countdown\" fontColor=\"white\" labelColor=\"black\" date=\"2020-09-25 15:17:00\"\u003e\u003c/q-widgets\u003e\n```\n\n### Stopwatch\n\n\u003cp float=\"left\"\u003e\n\t\u003ckbd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/mayank091193/quasar-widgets/master/demo/assets/stopwatch.png\" border=\"1\" alt=\"Stopwatch\"  /\u003e\n    \u003c/kbd\u003e\n\u003c/p\u003e\n\n* Render the stopwatch on your website\n```\n\u003cq-widgets name=\"stopwatch\" fontColor=\"#c8c8c8\"\u003e\u003c/q-widgets\u003e\n```\n\n### Weather\n\n\u003cp float=\"left\"\u003e\n\t\u003ckbd\u003e\n        \u003cimg src=\"https://raw.githubusercontent.com/mayank091193/quasar-widgets/master/demo/assets/weather.png\" border=\"1\" alt=\"Weather\"  /\u003e\n    \u003c/kbd\u003e\n\u003c/p\u003e\n\n\n* Render the Weather widget on your website. It will ask users to enter the \"city, state\" e.g. \"Pune, Maharashtra\". Please note, this package utilizes \"OpenWeatherMap\" API. Please replace ```api_key``` with your own \"OpenWeatherMap\" API key. However, the package will use the default API if you do not pass it. \n```\n\u003cq-widgets name=\"weather\" api_key=\"\"\u003e\u003c/q-widgets\u003e\n```\n\n\u003c!-- ROADMAP --\u003e\n## Roadmap\n\nSee the [open issues](https://github.com/mayank091193/quasar-widgets/issues) for a list of proposed features (and known issues).\n\n\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## Support\n\nIf this helps you, you can contribute to this project by supporting me:\n\n### [💜Support my open-source work on GitHub](https://github.com/sponsors/mayank091193)\n\nPlease check out my sponsor page.\n\nThank you very much!!\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n## Contact\n\nMayank Patel - [@mayank091193](https://twitter.com/mayank91193) - mayank091193@gmail.com\n\nProject Link: [https://github.com/mayank091193/quasar-widgets](https://github.com/mayank091193/quasar-widgets)\n\nWebsite: https://mayank-patel.netlify.app/#/","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayank091193%2Fquasar-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmayank091193%2Fquasar-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmayank091193%2Fquasar-widgets/lists"}