Novedades con el nuevo lanzamiento de Bricks Boilerplate. Una herramienta para mejorar y facilitar la creación de tiendas online. Aquí tienes un resumen de lo nuevo:
🛒 Minicart mejorado: Ahora puedes añadir minicarts a cualquier elemento. Además, incluimos una nueva plantilla de encabezado para WooCommerce.
🛍️ Mejoras en productos variables:
- Tooltips para variaciones.
- Etiquetas personalizables en los atributos.
💡 Nuevos snippets:
- Consulta todas las reseñas de productos o las de uno específico. Perfecto para personalizar tus layouts.
📂 Página de snippets dedicada: Encuentra y copia los códigos directamente desde nuestra nueva sección.
🎯 ¡Más organizado! El menú del complemento ahora está integrado directamente en el menú de Bricks.
📖 Consulta más detalles en el changelog: Bricks Boilerplate Changelog
El plugin de variables para Tailwind CSS se actualiza para alinearse con los nombres de la nueva versión Tailwind 4.0, incorporando además nuevas funcionalidades que mejorarán la personalización de tus proyectos.
✨ Novedades en esta actualización:
- 🆕 Compatibilidad con Tailwind 4.0: Los nombres de las variables ahora están totalmente alineados con la última versión de Tailwind.
- 📏 Variables para los breakpoints: Integra valores directamente desde la configuración de Tailwind para diseñar de manera más fluida.
- 🌟 Nuevas variables para sombras y desenfoques: Facilita la implementación de efectos visuales avanzados en tus proyectos.
🎯 Con esta actualización, el plugin se convierte en una herramienta aún más potente para mantener consistencia y flexibilidad en el diseño.
Rombo es una poderosa biblioteca de animaciones para Tailwind CSS que combina accesibilidad, rendimiento y facilidad de uso. Con un enfoque en la creación de movimientos elegantes, Rombo te permite agregar animaciones personalizables a tus proyectos de manera intuitiva y eficiente.
🌟 Características principales:
- 🖌️ Sintaxis simple e intuitiva: Diseñada para facilitar la integración de animaciones en tus proyectos.
- ♿ Accesibilidad incorporada: Las animaciones están optimizadas para ser inclusivas desde el inicio.
- ⚡ Alto rendimiento: Probada para garantizar compatibilidad con navegadores y un rendimiento óptimo en FPS.
🔧 Animaciones predefinidas:
Accede a presets como Fade, Slide, Bounce, Wobble, Confetti, Typewriter, y muchos más.
⚙️ ¿Cómo empezar?
-
Instala la biblioteca:
npm i -D tailwindcss-motion -
Configura el plugin en tu archivo
tailwind.config.js. -
Comienza a usar las clases para aplicar animaciones fácilmente.
Rombo es ideal para quienes buscan animaciones personalizables, rápidas y accesibles en sus proyectos con Tailwind CSS.
🔗 Descubre más y pruébalo aquí: rombo.co/tailwind
a popular biblioteca de componentes Windstastic ha dado un gran paso adelante, transformándose en Oxbow UI. Este cambio no solo trae un nuevo nombre, sino también una visión renovada para ofrecer una experiencia aún mejor en el diseño de interfaces con Tailwind CSS.
🎨 ¿Qué es Oxbow UI?
- 🧩 Una completa colección de componentes modernos y personalizables.
- 📱 Totalmente optimizada para diseños responsivos.
- ⚡ Diseñada para integrar fácilmente con tus proyectos actuales.
Este cambio refleja el compromiso de seguir evolucionando y adaptándose a las necesidades de los desarrolladores.
🔗 Explora más sobre Oxbow UI aquí: https://oxbowui.com/
Ahora puedes acceder a GitHub Copilot de forma gratuita en Visual Studio Code, sin necesidad de suscripción ni tarjeta de crédito, utilizando solo tu cuenta de GitHub.
🌟 Características principales:
- 🧠 Basado en ChatGPT: Aprovecha la inteligencia de OpenAI para obtener sugerencias de código y soluciones rápidas a tus problemas.
- ✨ 2000 completados de código al mes: Perfecto para mejorar tu productividad en tareas diarias.
- 💬 50 solicitudes de chat mensuales: Resuelve tus dudas en tiempo real con el modelo de lenguaje.
⚙️ Funcionalidades destacadas:
- Integración fluida: Totalmente integrado con Visual Studio Code para una experiencia nativa.
- Simplicidad de uso: Actívalo fácilmente desde la configuración de VS Code.
🔗 Activa Copilot en tu entorno de desarrollo aquí: Más información.
ZenUI es una colección de plantillas y componentes open source para Tailwind CSS, pensada para facilitar el diseño de interfaces modernas y funcionales. Entre sus recursos, encontrarás elementos útiles tanto para proyectos generales como para eCommerce, como encabezados, listados de productos, carritos de compra y más.
🎨 Características principales:
- 🛠️ Componentes preconstruidos: Diseños listos para usar que aceleran tu flujo de trabajo.
- 💻 Personalización sencilla: Ajusta cada elemento con el poder de Tailwind CSS.
- 📱 Diseños responsivos: Perfectos para adaptarse a cualquier dispositivo.
ZenUI es una herramienta versátil que puede ayudarte a crear interfaces atractivas y eficaces en menos tiempo.
🔗 Descubre ZenUI aquí: zenui.net
Buscas crear animaciones suaves y personalizadas sin complicaciones? Easing Wizard es la herramienta perfecta para generar pequeñas animaciones a través de un intuitivo wizard.
🎨 ¿Qué puedes hacer con Easing Wizard?
- 🖌️ Generar curvas de animación personalizadas: Diseña tus propias funciones de easing utilizando cubic-bezier, spring, bounce, wiggle y más.
- 💻 Previsualización en tiempo real: Ajusta los valores y observa inmediatamente el efecto de tu animación.
- 📋 Exportación sencilla: Copia el código listo para usar en CSS o Tailwind CSS.
Easing Wizard es ideal para desarrolladores que buscan darle un toque dinámico y fluido a sus proyectos de manera rápida y sin esfuerzo.
🔗 Prueba Easing Wizard aquí: easingwizard.com
La nueva versión beta de Bricks Builder viene cargada de mejoras y funcionalidades clave que transformarán tu flujo de trabajo, ¡especialmente en componentes, estilos y Query Loops!
🌟 Novedades destacadas:
- 🧪 Componentes (Experimental):
Introducción de una nueva funcionalidad experimental que permite reutilizar componentes de manera más eficiente en tus diseños. Esto facilita la creación de estructuras consistentes y modularizadas. - 🔄 Mejoras en Query Loop:
Se han añadido nuevas opciones y mejoras al Query Loop, permitiendo una mayor flexibilidad y control sobre la visualización dinámica de contenido. - 🎨 Estilos en una capa de CSS:
Ahora puedes organizar y gestionar tus estilos más fácilmente gracias a la nueva funcionalidad de estilos en capas de CSS. Esto proporciona un flujo de trabajo más limpio y optimizado para tus proyectos.
Bricks sigue evolucionando con funcionalidades que mejoran tanto la experiencia del usuario como el rendimiento del editor.
🔗 Consulta todos los detalles en el changelog oficial: Bricks Builder Changelog
FlyonUI continúa mejorando y en su versión v1.2.0 trae nuevas características enfocadas en el diseño, perfectas para potenciar proyectos con Tailwind CSS y WordPress.
🌟 Novedades de diseño más destacadas:
-
🖼️ Nuevos componentes de UI:
- Carousels avanzados con variaciones elegantes: slides centrados, altura automática y opciones con miniaturas.
- Sidebars y Context Menus mejorados, ideales para optimizar la navegación.
- Variaciones de botones y formularios, con nuevas opciones de estilos y diseño moderno.
-
🎨 Theme Generator:
- Herramienta para personalizar temas y estilos de manera sencilla y rápida, ideal para ajustar tu diseño a cualquier identidad visual.
-
🛠️ Mejoras en componentes existentes:
- Actualización en estilos de dropdowns, sliders y modales para una apariencia más pulida y adaptable.
- Transiciones más suaves y consistentes en los elementos de UI.
FlyonUI sigue siendo una excelente opción para quienes buscan componentes accesibles, responsivos y listos para usar en proyectos WordPress con Tailwind CSS.
🔗 Descubre todos los detalles de esta nueva versión aquí: flyonui.com/changelog
Flowrift es una completa colección de bloques UI/UX diseñados para Tailwind CSS, que facilita la creación de interfaces modernas y funcionales sin esfuerzo.
✨ ¿Qué ofrece Flowrift?
- 🧩 Bloques personalizables: Encuentra secciones preconstruidas como headers, footers, hero sections, y mucho más.
- ⚡ Optimización para Tailwind CSS: Componentes listos para copiar y pegar directamente en tu proyecto.
- 🎨 Diseño moderno y funcional: Perfecto para acelerar tu flujo de trabajo y mantener la calidad visual.
🔗 Descubre Flowrift aquí: about.flowrift.com