🚀 Explorando nuevas posibilidades con Tailwind CSS 3 y herramientas avanzadas 🌙✨
Estamos probando una combinación de herramientas increíbles con Tailwind CSS 3 para evaluar su integración en nuestro sistema de diseño. Queremos explorar cómo pueden mejorar nuestro flujo de trabajo y las experiencias que ofrecemos. Aquí están las herramientas que estamos utilizando:
- 🌗 Nightwind: Para gestionar automáticamente el modo oscuro y simplificar la implementación de temas.
- 🎥 Tailwind Motion: Añadiendo animaciones suaves y personalizables directamente desde el framework.
- 🖱️ Tailwind Intersect: Experimentando con efectos dinámicos basados en el scroll para crear interacciones más inmersivas.
Nuestro objetivo es explorar estas capacidades y valorar cómo encajan en un sistema de diseño escalable y consistente. 💻🎨
¿Alguien ya ha trabajado con estas herramientas? Nos encantaría conocer sus opiniones y casos de uso. 🙌
👉 Si los resultados son positivos, compartiremos detalles sobre cómo podrían integrarse estas herramientas en proyectos futuros. ¡Sigamos empujando los límites del diseño web juntos! 🚀✨
¿Cómo instalo Tailwind Intersect, o dónde está la documentación? ¿algún enlace o algo? No lo he encontrado en Recursos. Lo que quiero hacer son animaciones al hacer scroll.
Gracias.
Luis Muñoz Buenos dias, para usarlo debes de cargar un plugin de animaciones, el que quieras, y para las intersecciones
@plugin 'tailwindcss-intersect';Dentro del main.css
En el tema hijo si lo tienes actualziado, en la pestaña de tailwind veras la opción para que cargue el js, y con eso ya esta
Esto que estoy haciendo está en Tailwind-3. Supongo que el tema hijo no servirá para esta versión de Tailwind, ¿o sí?
Luis Muñoz En principio el tema hijo no esta asociado a una version en concreto de tailwind, ahi lo unico que hace es cargar el archivo js para que observe el viewport. Deberia funcionar, pero no estoy seguro al 100%
Ah ok, dejame que busque, aunque no seria mejor pasarlo a tailwind 4?