@shadcn
building → @vercel - @v0 - ui.shadcn.com
Posts
36
22 increase
This section shows tweet / post counts for the last 7 days compared to the previous 7 days. If you have less than 14 days of data, we will show the available data.
Impressions
581.8K
1151.1% increase
This is the total number of impressions your posts have made in the last 7 days compared to the previous 7 days. If you have less than 14 days of data, we will show the available data.
Likes
9.1K
2321.8% increase
This is the total number of likes you've received in the last 7 days compared to the previous 7 days. If you have less than 14 days of data, we will show the available data.
Followers
1.3K
1.0% increase
This is the total number of followers you have acquired in the last 7 days compared to the previous 7 days. If you have less than 14 days of data, we will show the available data.
Impressions
Impressions
We collect new impression data each day if your graph isn't showing enough data yet, it's because we are waiting for more data to be available.
Followers
Followers
We collect new follower counts each day if your graph isn't showing enough data yet, it's because we are waiting for more data to be available.
Engagement
Engagement
We collect new engagement data each day if your graph isn't showing enough data yet, it's because we are waiting for more data to be available.
Top Posts
Top Posts
We show the top posts from the last 7 days.
Post | Impressions | Retweets | Quotes | Likes | Replies | Engagement Rate | Actions |
---|---|---|---|---|---|---|---|
I wanted to share the following 10 Tailwind techniques. These will come in handy next week. For those who don’t use Tailwind, here be dragons! 1/10 - Let’s start simple. Set a CSS variable (width) based on state and use an arbitrary className. https://t.co/cYndYHGy7p | 275.5K | 542 | 37 | 5.2K | 85 |
4.66%
|
|
Work in Progress. https://t.co/WGA1ErWwh8 | 107.3K | 23 | 7 | 2.1K | 46 |
2.29%
|
|
2/10 - Toggle a data attribute using state. Use data-[] className. Change the width based on data-collapsed. https://t.co/I8aOFbtLL0 | 22.1K | 4 | 0 | 263 | 2 |
1.39%
|
|
3/10 - Change the style of a (nested) child based on state as data attribute. (This is one method. More below) - Rotate an icon on collapsed. https://t.co/WDbIAzjlWE | 20.2K | 0 | 0 | 180 | 1 |
1.09%
|
|
10/10 - Change the style of a component based on a prop of another component. Here we change the border and rotate the icon of the action if the button has a different variant. https://t.co/TcxCIjyjTx | 19.4K | 0 | 0 | 137 | 2 |
0.86%
|
|
4/10 - This does the same thing as above but now we set the style based on a parent data attribute. https://t.co/TsrJkCbgNX | 17.9K | 2 | 0 | 136 | 2 |
0.92%
|
|
More soon. | 17.3K | 0 | 0 | 184 | 7 |
1.21%
|
|
5/10 - Now using group and group-data. Rotate an icon based on a group's state. Useful if you want to resize an icon when the width of its parent changes. https://t.co/tctKIa5heM | 16.2K | 1 | 1 | 123 | 1 |
0.87%
|
|
6/10 - Style a child using the data-slot technique on hover. Use a named slot and style it on hover. https://t.co/Sj4f8Uk64q | 14.6K | 1 | 1 | 142 | 2 |
1.18%
|
|
7/10 - Set a style based on the state of a peer. Here when the button is active, we slide in the action. https://t.co/neOk8hzr1P | 13.4K | 0 | 0 | 110 | 2 |
0.93%
|
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (542 + 37 + 5202 + 85 + 6985) / 275478 * 100 =
For this tweet: (542 + 37 + 5202 + 85 + 6985) / 275478 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (23 + 7 + 2085 + 46 + 301) / 107315 * 100 =
For this tweet: (23 + 7 + 2085 + 46 + 301) / 107315 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (4 + 0 + 263 + 2 + 39) / 22112 * 100 =
For this tweet: (4 + 0 + 263 + 2 + 39) / 22112 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (0 + 0 + 180 + 1 + 40) / 20241 * 100 =
For this tweet: (0 + 0 + 180 + 1 + 40) / 20241 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (0 + 0 + 137 + 2 + 28) / 19379 * 100 =
For this tweet: (0 + 0 + 137 + 2 + 28) / 19379 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (2 + 0 + 136 + 2 + 24) / 17910 * 100 =
For this tweet: (2 + 0 + 136 + 2 + 24) / 17910 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (0 + 0 + 184 + 7 + 17) / 17256 * 100 =
For this tweet: (0 + 0 + 184 + 7 + 17) / 17256 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (1 + 1 + 123 + 1 + 15) / 16239 * 100 =
For this tweet: (1 + 1 + 123 + 1 + 15) / 16239 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (1 + 1 + 142 + 2 + 26) / 14595 * 100 =
For this tweet: (1 + 1 + 142 + 2 + 26) / 14595 * 100 =
Engagement rate is calculated as (interactions / impressions) * 100.
For this tweet: (0 + 0 + 110 + 2 + 12) / 13372 * 100 =
For this tweet: (0 + 0 + 110 + 2 + 12) / 13372 * 100 =