A Tailwind CSS plugin that hides scrollbars while maintaining scroll functionality.
tailwind-scrollbar-hide is a Tailwind CSS plugin that provides utility classes to visually hide scrollbars on elements while preserving their scrolling capability. It solves the problem of scrollbars disrupting the visual flow in minimalist UI designs by offering a pure CSS solution to hide them.
Frontend developers using Tailwind CSS v2.x, v3.x, or v4.x who want to create cleaner, scrollbar-free interfaces for elements like sidebars, modals, or custom scrollable containers.
Developers choose this plugin because it offers a lightweight, dependency-free utility that integrates seamlessly with Tailwind's workflow, provides both hide and restore classes, and supports multiple Tailwind versions with pure CSS implementation for v4.x.
tailwindcss plugin for hide scrollbar
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Compatible with Tailwind CSS v2.x, v3.x, and v4.x, allowing seamless use across different project versions without major rework.
For Tailwind v4.x, the plugin implements scrollbar hiding using pure CSS without JavaScript, reducing bundle size and improving performance.
Follows Tailwind's utility-first philosophy with simple classes like scrollbar-hide and scrollbar-default, integrating smoothly into existing workflows.
Has no external dependencies, keeping installations lightweight and minimizing potential conflicts in project setups.
The README notes that breakpoint overrides for scrollbar hiding fail in webkit browsers, limiting reliable responsive design usage.
Only provides basic scrollbar visibility toggles; lacks features for styling scrollbars or handling complex interactive scenarios.
Requires different configuration approaches for Tailwind v4.x versus v2.x/v3.x, which can confuse users during setup or migration.