{"id":13494993,"url":"https://github.com/brc-dd/animated-tailwindcss","last_synced_at":"2025-04-05T23:12:22.422Z","repository":{"id":36971074,"uuid":"374310173","full_name":"brc-dd/animated-tailwindcss","owner":"brc-dd","description":"A configuration to use Animate.css with Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2024-02-01T03:37:19.000Z","size":580289,"stargazers_count":152,"open_issues_count":1,"forks_count":15,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-01T17:32:15.579Z","etag":null,"topics":["animate-css","hacktoberfest","plugin","tailwindcss"],"latest_commit_sha":null,"homepage":"https://brc-dd.github.io/animated-tailwindcss","language":"TypeScript","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/brc-dd.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["brc-dd"]}},"created_at":"2021-06-06T08:44:28.000Z","updated_at":"2024-06-18T15:20:41.753Z","dependencies_parsed_at":"2024-06-18T15:20:27.358Z","dependency_job_id":"742b2c28-eea8-4bb1-98c8-318d83dac9bf","html_url":"https://github.com/brc-dd/animated-tailwindcss","commit_stats":{"total_commits":6,"total_committers":1,"mean_commits":6.0,"dds":0.0,"last_synced_commit":"759db41f3567513dc2a10f0b155c1f5038bec7b7"},"previous_names":["ikcb/animated-tailwindcss"],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brc-dd%2Fanimated-tailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brc-dd%2Fanimated-tailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brc-dd%2Fanimated-tailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brc-dd%2Fanimated-tailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brc-dd","download_url":"https://codeload.github.com/brc-dd/animated-tailwindcss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247411239,"owners_count":20934653,"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":["animate-css","hacktoberfest","plugin","tailwindcss"],"created_at":"2024-07-31T19:01:30.172Z","updated_at":"2025-04-05T23:12:22.403Z","avatar_url":"https://github.com/brc-dd.png","language":"TypeScript","funding_links":["https://github.com/sponsors/brc-dd"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003c!-- markdownlint-disable MD013 MD041 --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://brc-dd.github.io/animated-tailwindcss\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://brc-dd.github.io/animated-tailwindcss/logo-dark.svg\" /\u003e\n      \u003cimg src=\"https://brc-dd.github.io/animated-tailwindcss/logo-light.svg\" width=\"350\" /\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  A configuration to use \u003ca href=\"https://github.com/animate-css/animate.css\"\u003eAnimate.css\u003c/a\u003e with\n  \u003ca href=\"https://github.com/tailwindlabs/tailwindcss\"\u003eTailwind CSS\u003c/a\u003e.\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://github.com/brc-dd/animated-tailwindcss/actions/workflows/ci.yaml\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/actions/workflow/status/brc-dd/animated-tailwindcss/ci.yaml?branch=main\u0026label=CI\u0026logo=github\u0026style=flat-square\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://npm.im/animated-tailwindcss\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/animated-tailwindcss?logo=npm\u0026style=flat-square\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://skypack.dev/view/animated-tailwindcss\"\u003e\n    \u003cimg src=\"https://img.shields.io/endpoint?url=https://gnsbjfpv4lik.runkit.sh?package=animated-tailwindcss\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://deps.dev/npm/animated-tailwindcss\"\u003e\n    \u003cimg src=\"https://img.shields.io/endpoint?url=https://ir741raqc767.runkit.sh?package=animated-tailwindcss\" /\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://github.com/animate-css/animate.css/releases/tag/v4.1.1\"\u003e\n    \u003cimg src=\"https://brc-dd.github.io/animated-tailwindcss/animate-css.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/brc-dd/animated-tailwindcss/blob/main/LICENSE.md\"\u003e\n    \u003cimg src=\"https://brc-dd.github.io/animated-tailwindcss/license.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://conventionalcommits.org\"\u003e\n    \u003cimg src=\"https://brc-dd.github.io/animated-tailwindcss/commits.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n## Documentation\n\n[View documentation](https://brc-dd.github.io/animated-tailwindcss/)\n\n## Installation\n\nPlease see the [full installation instructions](https://brc-dd.github.io/animated-tailwindcss/installation) for detailed steps and examples.\n\n### Quick start with NPM\n\nIn a project where you're using Tailwind CSS **v3**, run this to install this\npackage:\n\n```sh\nnpm add -D animated-tailwindcss\n```\n\nThen configure your `tailwind.config.js` to use the animations:\n\n```js\nconst { withAnimations } = require('animated-tailwindcss')\n\nmodule.exports = withAnimations({\n  // your (existing) Tailwind CSS config here\n})\n```\n\n## Credits\n\n- [Animate.css](https://github.com/animate-css/animate.css) \u0026ndash; for\n  animation utilities \u0026 keyframes \u0026ndash; used under\n  [the MIT license](https://cdn.jsdelivr.net/npm/animate.css@4.1.1/LICENSE).\n- [Transform.tools](https://github.com/ritz078/transform) \u0026ndash; for converting\n  Animate.css to JS \u0026ndash; used under\n  [the MIT license](https://github.com/ritz078/transform/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrc-dd%2Fanimated-tailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrc-dd%2Fanimated-tailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrc-dd%2Fanimated-tailwindcss/lists"}