{"id":13458967,"url":"https://github.com/adoxography/tailwind-scrollbar","last_synced_at":"2025-03-24T16:31:13.304Z","repository":{"id":37768074,"uuid":"292120324","full_name":"adoxography/tailwind-scrollbar","owner":"adoxography","description":"Scrollbar plugin for Tailwind CSS","archived":false,"fork":false,"pushed_at":"2025-02-23T23:08:33.000Z","size":1245,"stargazers_count":1064,"open_issues_count":3,"forks_count":43,"subscribers_count":6,"default_branch":"main","last_synced_at":"2025-03-18T12:51:00.353Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/adoxography.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-01T22:23:57.000Z","updated_at":"2025-03-18T11:09:38.000Z","dependencies_parsed_at":"2023-02-09T03:16:29.043Z","dependency_job_id":"8864a504-27ba-4a6d-8a4c-7c9b6f284824","html_url":"https://github.com/adoxography/tailwind-scrollbar","commit_stats":{"total_commits":111,"total_committers":7,"mean_commits":"15.857142857142858","dds":0.3513513513513513,"last_synced_commit":"3d97efcb2c87b6efc470e5c6b9420620d3bcbe95"},"previous_names":[],"tags_count":19,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adoxography%2Ftailwind-scrollbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adoxography%2Ftailwind-scrollbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adoxography%2Ftailwind-scrollbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adoxography%2Ftailwind-scrollbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adoxography","download_url":"https://codeload.github.com/adoxography/tailwind-scrollbar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245308529,"owners_count":20594263,"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":[],"created_at":"2024-07-31T09:01:00.378Z","updated_at":"2025-03-24T16:31:13.296Z","avatar_url":"https://github.com/adoxography.png","language":"JavaScript","readme":"# Scrollbar Plugin for Tailwind CSS\n![Tests](https://github.com/adoxography/tailwind-scrollbar/workflows/Tests/badge.svg)\n[![Codacy Badge](https://app.codacy.com/project/badge/Grade/af892fe4afc048c4860462c5fc736675)](https://www.codacy.com/gh/adoxography/tailwind-scrollbar/dashboard?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=adoxography/tailwind-scrollbar\u0026amp;utm_campaign=Badge_Grade)\n![npm](https://img.shields.io/npm/dt/tailwind-scrollbar)\n\n`tailwind-scrollbar` is a plugin for [Tailwind CSS](https://tailwindcss.com) that adds styling utilities for scrollbars with cross-browser support.\n\n## Motivation\nThere are currently two competing standards for styling scrollbars amongst browsers: the [scrollbar-width](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width) and [scrollbar-color](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color) properties used by Firefox and newer Chromium-based browsers, and the [::-webkit-scrollbar](https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar) family of pseudoelements used by everything else. This plugin defines a single API for configuring both standards at once from within Tailwind.\n\n## Installation\n\n1. Add the package to your project\n```bash\n# npm\nnpm install --save-dev tailwind-scrollbar\n# yarn\nyarn add -D tailwind-scrollbar\n# pnpm\npnpm add -D tailwind-scrollbar\n```\n\n2. Add the plugin to your Tailwind config\n\n```css\n@import 'tailwindcss';\n\n/* ... */\n\n@plugin 'tailwind-scrollbar';\n```\n\n## Usage\nSee the [documentation](https://adoxography.github.io/tailwind-scrollbar/examples).\n\n## License\n\nThis project is licensed under the [MIT License](/LICENSE).\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadoxography%2Ftailwind-scrollbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadoxography%2Ftailwind-scrollbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadoxography%2Ftailwind-scrollbar/lists"}