{"id":22176911,"url":"https://github.com/nnluukhtn/formanimation","last_synced_at":"2025-10-04T22:10:36.688Z","repository":{"id":57255855,"uuid":"56431670","full_name":"nnluukhtn/formAnimation","owner":"nnluukhtn","description":"Form Animation: when form validation \u003c3 animate.css","archived":false,"fork":false,"pushed_at":"2016-04-17T11:20:04.000Z","size":2038,"stargazers_count":53,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-12-01T15:39:14.109Z","etag":null,"topics":["animation","css","form-animation","jquery"],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/nnluukhtn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-04-17T10:53:41.000Z","updated_at":"2024-09-09T22:54:24.000Z","dependencies_parsed_at":"2022-09-04T23:01:07.946Z","dependency_job_id":null,"html_url":"https://github.com/nnluukhtn/formAnimation","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nnluukhtn%2FformAnimation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nnluukhtn%2FformAnimation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nnluukhtn%2FformAnimation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nnluukhtn%2FformAnimation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nnluukhtn","download_url":"https://codeload.github.com/nnluukhtn/formAnimation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227693264,"owners_count":17805291,"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":["animation","css","form-animation","jquery"],"created_at":"2024-12-02T08:21:26.898Z","updated_at":"2025-10-04T22:10:31.667Z","avatar_url":"https://github.com/nnluukhtn.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"[jQuery Form Animation Plugin](https://github.com/nnluukhtn/formAnimation) - Form Animation: when form validation \u003c3 animate.css\n================================\n\nThe jQuery Form Animation Plugin provides drop-in animation for your existing forms, while making all kinds of customizations to fit your application really easy.\n\n![Screenshot](screenshots/shake_animation.gif)\n\n![Screenshot](screenshots/bounce_animation.gif)\n\n## Getting Started\n\n### Downloading the required libraries\n\njQuery can be downloaded from https://jquery.com/\n\njQuery Validation Plugin can be downloaded from http://jqueryvalidation.org/\n\nAnimate.css can be downloaded from https://daneden.github.io/animate.css/\n\n### Including it on your page\n\nInclude jQuery and the plugin on a page. Then select a form to add animation and call the `formAnimation` method.\n\n```html\n\u003chead\u003e\n\t\u003clink href='animate.css' media='all' rel='stylesheet'\u003e\n\u003c/head\u003e\n...\n\u003cbody\u003e\n\t\u003cform\u003e\n\t\t\u003cinput required\u003e\n\t\u003c/form\u003e\n\t\u003cscript src=\"jquery.js\"\u003e\u003c/script\u003e\n\t\u003cscript src=\"jquery.validate.js\"\u003e\u003c/script\u003e\n\t\u003cscript src=\"formAnimation.js\"\u003e\u003c/script\u003e\n\t\u003cscript\u003e\n\t$(\"form\").formAnimation({ animatedClass: 'shake' });\n\t\u003c/script\u003e\n\u003c/body\u003e\n```\n\nAlternatively include jQuery and the plugin via requirejs in your module.\n\n```js\ndefine([\"jquery\", \"jquery.validate\", \"formAnimation\"], function( $ ) {\n\t$(\"form\").formAnimation({ animatedClass: 'shake' });\n});\n```\n\n## Reporting issues and contributing code\n\nBug reports and pull requests are welcome on GitHub at https://github.com/nnluukhtn/formAnimation.\n\n## License\nCopyright \u0026copy; Luu Nguyen\u003cbr\u003e\nLicensed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnnluukhtn%2Fformanimation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnnluukhtn%2Fformanimation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnnluukhtn%2Fformanimation/lists"}