Tailwind Stats (and charts) with ViewComponent
The StatComponent can show a card-like component showing just New Customers. It also allows to add a previous number to see increase or decrease comparatively. And if you pass it an array with hashes ([{x: 1, y: 2}, {x: 3, y: 4}, {x: 5, y: 6}]
) it will plot bar charts. Types supported: bar
, horizontal bar
and stacked bar
. No third-party JavaScript required.
- CSS Only
-
Basic # Get this component
New Visitors
10,499 -
New Customers # Get this component
New customers
1,49312.3%
-
Churn, inversed trend # Get this component
Churn
422.4%
-
Bar Chart # Get this component
New customers
72067.8%
6789101112131415161718192021222324252627282930 -
Bar Chart, inversed trend # Get this component
Churn
643.2%
6789101112131415161718192021222324252627282930 -
Horizontal Bar Chart # Get this component
Referring Visits
2,482Google901Twitter656Reddit398GitHub304YouTube123 -
Stacked Bar Chart # Get this component
Your Investments
$2,590,211- Cash1.87%
- Investments43.26%
- Crypto7.37%
- Real Estate50.98%
The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.
UI components for Ruby on Rails apps
$
129
one-time
payment
-
One-time Payment
-
Access to the Entire Library
-
Built using ViewComponent
-
Designed with Tailwind CSS
-
Enhanced with Hotwire