{"id":14970934,"url":"https://github.com/markusantonwolf/ta-pagination","last_synced_at":"2026-03-14T15:04:14.932Z","repository":{"id":42781820,"uuid":"274859377","full_name":"markusantonwolf/ta-pagination","owner":"markusantonwolf","description":"A light-weight, responsive and mobile first content, image, article and product pagination for every kind of application.","archived":false,"fork":false,"pushed_at":"2023-01-06T09:50:16.000Z","size":1828,"stargazers_count":12,"open_issues_count":9,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-09-28T13:42:35.185Z","etag":null,"topics":["alpine-js","alpinejs","front-end","front-end-development","tailwind-css","tailwindcss"],"latest_commit_sha":null,"homepage":"https://ta-styled-plugins.com/ta-pagination/","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/markusantonwolf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-25T07:54:14.000Z","updated_at":"2022-08-27T11:57:33.000Z","dependencies_parsed_at":"2023-02-05T20:00:34.327Z","dependency_job_id":null,"html_url":"https://github.com/markusantonwolf/ta-pagination","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markusantonwolf%2Fta-pagination","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markusantonwolf%2Fta-pagination/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markusantonwolf%2Fta-pagination/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markusantonwolf%2Fta-pagination/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/markusantonwolf","download_url":"https://codeload.github.com/markusantonwolf/ta-pagination/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219862755,"owners_count":16555951,"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":["alpine-js","alpinejs","front-end","front-end-development","tailwind-css","tailwindcss"],"created_at":"2024-09-24T13:44:22.992Z","updated_at":"2025-10-26T14:30:33.032Z","avatar_url":"https://github.com/markusantonwolf.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/img/logo-ta-pagination.png\" width=\"400px\" /\u003e\n\u003c/p\u003e\n\n# **TA-Pagination** - content, article and product pagination\n\nA light-weight, responsive and mobile first content, image, article and product pagination for every kind of application.\n\n## Demos, Documentation and Examples\n\n[Documentation](https://ta-styled-plugins.com/ta-pagination/)\n\n[Getting started](https://ta-styled-plugins.com/ta-pagination/getting-started/)\n\n[Examples](https://ta-styled-plugins.com/ta-pagination/examples/)\n\n[Configuration](https://ta-styled-plugins.com/ta-pagination/configuration/)\n\n## Features\n\n-   Paginate every content - Choose every kind of content, image, text, table or list.\n-   Transitions - You can change the transition for every slide.\n-   Autoplay mode - Control the pagination the way you want to\n-   Responsive - Define the pagination based on breakpoints\n-   Unify heights - Smooth transitions and stable heights of all items\n-   Based on Alpine JS - Small footprint and Vue JS inspired, like Tailwind for JavaScript\n-   100% Tailwind CSS - Rapidly build modern websites without leaving your HTML\n\n## Install\n\n**From npm:** Install the package.\n\n```bash\n\n# Install using npm\n\nnpm install --save-dev @markusantonwolf/ta-pagination\n\n# Install using yarn\n\nyarn add -D @markusantonwolf/ta-pagination\n```\n\n**Inside tailwind.config.js:** Add the plugin to your tailwind css config file.\n\n```js\n// tailwind.config.js\n\nconst ta_pagination_safelist = require('./node_modules/@markusantonwolf/ta-pagination/src/plugin/safelist')\n\nmodule.exports = {\n    purge: {\n        // ...\n        options: {\n            safelist: [...ta_pagination_safelist],\n        },\n        // ...\n    },\n    // ...\n    theme: {\n        // ...\n        taPagination: {\n            animations: ['swing', 'spin', 'swipe', 'fade', 'slide', 'rotate', 'snake', 'window', 'scroll', 'fold'],\n            animation_default: 'swing', // default value\n        },\n        // ...\n    },\n    // ...\n    variants: {\n        // ...\n        taPagination: ['responsive'], // default value\n        extend: {\n            // ...\n        },\n    },\n    // ...\n    plugins: [\n        require('@markusantonwolf/ta-pagination')({\n            respectPrefix: true, // respect prefix option in config: true (default) | false\n            respectImportant: true, // respect important option in config: true (default) | false\n        }),\n    ],\n}\n```\n\n## All TA StyledPlugins\n\n-   [TA-Styled-Plugins](https://ta-styled-plugins.com/) - Explore all Tailwind CSS and Alpine JS styled plugins and learn how to enhance your website fast and easy.\n\n## Local development\n\n```bash\n// To install dev dependencies run:\n\nnpm install\n\n// To start the development server run and go to http://localhost:8888/:\n\nnpm run serve\n\n// To make a development build run:\n\nnpm run develop\n\n// To make a production build run:\n\nnpm run build\n```\n\n## Licence\n\nTA Pagination is released under the [MIT license](https://github.com/markusantonwolf/ta-pagination/blob/master/licence.md) \u0026 supports modern environments.\n\n## Copyright\n\n© 2021 Markus A. Wolf\n\u003chttps://www.markusantonwolf.com\u003e\n\n\u003cimg src=\"./public/img/logo-ta-styled-plugins.png\" width=\"200px\" style=\"padding-top:2rem;\" /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkusantonwolf%2Fta-pagination","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarkusantonwolf%2Fta-pagination","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkusantonwolf%2Fta-pagination/lists"}