PluginStatstailwind-float-label weekly downloads statistics
By unlight (3 listings) · npm · Tailwind plugins
Tailwind plugin to add floating label, control with float label components
tailwind-float-label has 51 recorded weekly downloads on npm, a decrease of 21.5% over the past 30 days.
It ranks #1725 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -22.7%.
PluginStats has 121 daily observations since Jun 19, 2026; the latest is from Oct 17, 2026.
About tailwind-float-label
tailwind-float-label
Tailwind plugin to add floating label, control with float label components
Demo - https://unlight.github.io/tailwind-float-label
Setup and configuration
1. npm install --save-dev tailwind-float-label 2. Add @import 'tailwind-float-label' to your main css file 3. Configure css variable --float-label-background-color for background of float label 4. Plugin provides classes which must be set for label and input to make label floats. • .float-container Container which holds input control and label • .float-input Form input control • .float-always Use with .float-container to make label always visible (sticky)
If you need animation, add to .float-label following classes: transition-all duration-200
Similar Projects
• https://github.com/notiz-dev/floating-form-field-tailwindcss
Resources
• https://tailwindow.github.io/component-tailwindcss/components/form/input-text/index.html • https://github.com/you-dont-need/You-Dont-Need-JavaScript#Floating • https://csslayout.io/floating-label/ • https://tailwindcomponents.com/component/login-form-with-float-label-input
License
MIT License (c) 2025
TODO
Description from the npm listing.
- floating-label
- float-label
- float-label-pattern
- tailwindcss-plugin
- tailwind-plugin
- tailwind-component
- tailwind-components
Where tailwind-float-label sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (121)Similar npm Tailwind plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/tailwind-float-label. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.