New package makes animation easy in Tailwind?? π
Unlock all features
FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.
Unlock all features
FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.
Unlock all features
FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.
Unlock all features
FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.
Unlock all features
FREE: Get instant access to 10 AI summaries, chats, or transcripts per day.
Related videos
AI has a subsidization problem
Theo - t3β€gg
166.7k views
I can't take it anymore.
Theo - t3β€gg
122.9k views
Never mind (OpenAI won again)
Theo - t3β€gg
97.8k views
Anthropic study shows AI makes devs dumb
Theo - t3β€gg
58.3k views
AI mistakes you're probably making
Theo - t3β€gg
135.1k views
Cloudflare takes on Next.js
Theo - t3β€gg
98.5k views
The Tailwind drama
Theo - t3β€gg
210.9k views
MCP is the wrong abstraction
Theo - t3β€gg
94.9k views
Ripple: a new framework that takes the best of everything
Theo - t3β€gg
131.5k views
Falling in love with βifβ in CSS (sorry Tailwindβ¦)
Theo - t3β€gg
56.9k views
Top Comments (10)
I'll provide a timestamp for when Theo starts glazing something. edit: 0:40
I swear his thumbnails are reaching a different level now.
I _just_ implemented (Framer) Motion on my Next.js app for animating a ranking chart for when positions shift around. That was messy and annoying to do it right. Now I wonder if AutoAnimate can do it easier and better. And once I opened that animation door, I'm starting to look for more places I can add additional animations to my Shadcn-based UI to make the UX better and even provide subtle guidance. So thanks for introducing me to AutoAnimate! That might be the solution for most of my needs!
Theo, you really got a whole university of content going on here. Great stuff! Keep it going ππ»
Jeeez finally. I was looking for solution like this one for a long time. I wasn't happy about tailwind-animate
This is legitimately exciting. I almost entirely stopped implementing more involved animations just because the most popular libraries reminded me too much of styling via props, and messing with the tailwind config was tedious. I want to quarantine everything having to do with the elements' appearance to className, save for maybe a variant prop.
Thank you, Theo, for introducing me to Glaze! Rombo looks pretty cool too, but needs some maturing.
Great thumbnail
3:17 You don't have to do that in 'every' project. For the basic animations like fading and translate x/y for example, you could easily make a shared tailwind plugin or preset rather (and add it to some library) with all of your custom animations and import that in your projects tailwind.config. Any customizations could be configured in the dedicated theme overrides of the individual projects. Of course, this is what the animation extensions provide, which is a nice thing. But anything that is not, you can easily put in your own plugin.
Just as an honest opinion about Picthing, the hero section image significantly undermines the perceived quality of the final outcome when using the product. Background removal tools frequently leave unwanted or unsightly, blurry edges around objects, and the white, blurred outline around the person on a dark background is particularly glaring. This not only detracts from the visual appeal but also raises serious concerns about the overall effectiveness of the product.
Unlock the Data Inside
Turn Videos into Knowledge
- Get FREE 10/day: transcripts, summaries, chats
- Chat with videos, export text & PDF
- $1 free API credit for RAG, chatbots & research
Free forever plan β’ All features unlocked
Top Comments (10)
I'll provide a timestamp for when Theo starts glazing something. edit: 0:40
I swear his thumbnails are reaching a different level now.
I _just_ implemented (Framer) Motion on my Next.js app for animating a ranking chart for when positions shift around. That was messy and annoying to do it right. Now I wonder if AutoAnimate can do it easier and better. And once I opened that animation door, I'm starting to look for more places I can add additional animations to my Shadcn-based UI to make the UX better and even provide subtle guidance. So thanks for introducing me to AutoAnimate! That might be the solution for most of my needs!
Theo, you really got a whole university of content going on here. Great stuff! Keep it going ππ»
Jeeez finally. I was looking for solution like this one for a long time. I wasn't happy about tailwind-animate
This is legitimately exciting. I almost entirely stopped implementing more involved animations just because the most popular libraries reminded me too much of styling via props, and messing with the tailwind config was tedious. I want to quarantine everything having to do with the elements' appearance to className, save for maybe a variant prop.
Thank you, Theo, for introducing me to Glaze! Rombo looks pretty cool too, but needs some maturing.
Great thumbnail
3:17 You don't have to do that in 'every' project. For the basic animations like fading and translate x/y for example, you could easily make a shared tailwind plugin or preset rather (and add it to some library) with all of your custom animations and import that in your projects tailwind.config. Any customizations could be configured in the dedicated theme overrides of the individual projects. Of course, this is what the animation extensions provide, which is a nice thing. But anything that is not, you can easily put in your own plugin.
Just as an honest opinion about Picthing, the hero section image significantly undermines the perceived quality of the final outcome when using the product. Background removal tools frequently leave unwanted or unsightly, blurry edges around objects, and the white, blurred outline around the person on a dark background is particularly glaring. This not only detracts from the visual appeal but also raises serious concerns about the overall effectiveness of the product.