{"id":13701306,"url":"https://github.com/janiskelemen/formvuelar","last_synced_at":"2025-05-16T12:07:56.302Z","repository":{"id":33815330,"uuid":"154543716","full_name":"janiskelemen/formvuelar","owner":"janiskelemen","description":"Vue form components with server-side validation in mind","archived":false,"fork":false,"pushed_at":"2025-02-28T16:37:30.000Z","size":17708,"stargazers_count":301,"open_issues_count":7,"forks_count":25,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-15T05:17:58.967Z","etag":null,"topics":["color-picker","datepicker-component","form","form-validation","helpspace","laravel","range-slider","select","tailwindcss","uploader","vue","vue-components","vuejs2"],"latest_commit_sha":null,"homepage":"https://janiskelemen.github.io/formvuelar/","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/janiskelemen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-24T17:46:32.000Z","updated_at":"2025-03-15T20:59:06.000Z","dependencies_parsed_at":"2025-03-13T05:10:25.854Z","dependency_job_id":"8e736040-d132-45c3-96ef-e6068da1e888","html_url":"https://github.com/janiskelemen/formvuelar","commit_stats":null,"previous_names":[],"tags_count":44,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janiskelemen%2Fformvuelar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janiskelemen%2Fformvuelar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janiskelemen%2Fformvuelar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/janiskelemen%2Fformvuelar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/janiskelemen","download_url":"https://codeload.github.com/janiskelemen/formvuelar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254527087,"owners_count":22085918,"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":["color-picker","datepicker-component","form","form-validation","helpspace","laravel","range-slider","select","tailwindcss","uploader","vue","vue-components","vuejs2"],"created_at":"2024-08-02T20:01:28.113Z","updated_at":"2025-05-16T12:07:56.254Z","avatar_url":"https://github.com/janiskelemen.png","language":"JavaScript","funding_links":[],"categories":["UI Utilities [🔝](#readme)","JavaScript","Vue","Components \u0026 Libraries","UI Utilities"],"sub_categories":["UI Utilities","Form"],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://janiskelemen.github.io/formvuelar/example/Formvuelar.svg\" alt=\"Formvuelar\" /\u003e\n\u003c/p\u003e\n\u003ch3 align=\"center\"\u003eVue form components with server side validation in mind\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://janiskelemen.github.io/formvuelar/example\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://janiskelemen.github.io/formvuelar/example/formvuelar_basic_form.png\" alt=\"Formvuelar basic form\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2\u003eAbout\u003c/h2\u003e\n\n[![](https://img.shields.io/npm/v/formvuelar.svg?label=version)](https://www.npmjs.com/package/formvuelar)\n[![](https://img.shields.io/npm/dm/formvuelar.svg)](https://npmcharts.com/compare/formvuelar?minimal=true)\n[![](https://badgen.net/bundlephobia/minzip/formvuelar?label=Size\u0026color=38A89D)](https://bundlephobia.com/result?p=formvuelar)\n![](https://img.shields.io/github/forks/janiskelemen/formvuelar.svg)\n![](https://img.shields.io/github/license/janiskelemen/formvuelar.svg)\n\n\u003cp\u003e\nFormVuelar is a set of predefined vue form components which are designed to automatically display errors coming back from your backend. It works out of the box with the error message bag that is returned by Laravel when submitting an ajax form.\n\u003c/p\u003e\n\n\u003ch2\u003eExamples\u003c/h2\u003e\n\u003ca href=\"https://janiskelemen.github.io/formvuelar/example\" target=\"_blank\"\u003eGive it a try!\u003c/a\u003e\n\n## Documentation\n\n[Full Documentation](https://formvuelar.netlify.com)\n\n\u003ch2\u003eFeatures\u003c/h2\u003e\n\n- Works out of the box with Laravel\n- Axios integration\n- Select with search and remote source option\n- Nested Checkboxes\n- File upload support including progress indication\n- Image upload with image preview\n- Dropzone with image preview (inspired by FilePond)\n- Display validation error messages from error response\n- Supports Tree Shaking (adds only used components to your js bundle)\n\n\u003ch2\u003eGetting Started\u003c/h2\u003e\n\n```bash\nnpm install formvuelar --save\n```\n\n## TODO\n\n    - Test coverage\n\n## Credits\n\n- [Janis Kelemen](https://twitter.com/janiskelemen)\n- [Helpspace.com](https://helpspace.com)\n\n\n\u003ca href=\"https://helpspace.com/#formvuelar\" target=\"_blank\" title=\"HelpSpace\"\u003e\n  \u003cimg src=\"https://cdn.helpspace.com/brand/2021/og_card.png\" width=\"400px\" alt=\"HelpSpace.com\"\u003e\n\u003c/a\u003e\n\n\u003ch2\u003eLicense\u003c/h2\u003e\n\u003cp\u003eReleased under the MIT License.\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaniskelemen%2Fformvuelar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaniskelemen%2Fformvuelar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaniskelemen%2Fformvuelar/lists"}