Nueva plantilla Tailwind CSS + Framer Motion y Tailwind Jobs

Adam Wathan

¡Tengo otra actualización para ti hoy sobre algunas cosas geniales que hemos lanzado, y algunas otras cosas que están en proceso pero que se lanzarán pronto!

Desde el lanzamiento de las plantillas de sitio y el acceso total de Tailwind UI en junio, hemos estado haciendo muchas cosas centradas en el mantenimiento, como procesar más de 350 issues y pull requests de GitHub y actualizar todas las nuevas plantillas que lanzamos para usar Next.js 12.2 y el nuevo componente next/future/image.

¡Aunque también encontramos tiempo para lanzar algunas cosas nuevas!


Tailwind + Framer Motion = Pocket

Hace aproximadamente una semana lanzamos una nueva plantilla de Tailwind UI, construida con Next.js y (por supuesto) Tailwind CSS.

La llamamos Pocket, y es una página de destino de aplicación móvil cargada con toneladas de animaciones e interacciones divertidas, impulsada por Framer Motion, que es básicamente la librería más genial que alguien haya creado jamás.

Aprende sobre la plantilla Pocket

Asegúrate de revisar la vista previa en vivo para la experiencia completa — las capturas de pantalla se pierden todas las partes más geniales, como el gráfico que se dibuja al cargar la página, la interfaz de usuario animada del dispositivo móvil en la sección de características y la animación de testimonios inspirada en Frogger.

Una historia divertida sobre esta plantilla — cuando la diseñamos y construimos inicialmente, en realidad no planeamos hacer nada en términos de animaciones o interacciones. Creamos un diseño estático en Figma que nos entusiasmó mucho a todos, luego construimos todo con el plan de lanzarlo hace unas tres semanas y media.

Pero una vez que tuvimos la plantilla terminada en el navegador, simplemente se sentía un poco rígida. Se veía genial en Figma donde esperas que todo esté quieto y estático, pero una vez que pudimos verla en la vida real, se sintió más como una captura de pantalla o algo así en lugar de un sitio web real e interactivo.

Echa un vistazo a esta versión anterior de la plantilla y quizás veas a qué me refiero.

Decidimos retrasar el lanzamiento un par de semanas mientras experimentábamos con algunas cosas que podíamos hacer para darle vida, y después de probar un montón de ideas diferentes terminamos con lo que tenemos hoy.

Estoy súper emocionado por cómo quedó esta, y creo que la base de código es un estudio de caso realmente interesante para analizar si quieres aprender cómo usar Framer Motion para lograr algunos de los efectos geniales que conseguimos.

Y como todas nuestras plantillas, si tienes una licencia de acceso total a Tailwind UI, está incluida junto con todos nuestros otros componentes y plantillas sin costo adicional.


Tailwind Jobs

Hemos estado considerando la idea de construir una bolsa de trabajo oficial de Tailwind CSS durante unos dos años, y finalmente tomamos la decisión en las últimas semanas de intentarlo y ver qué pasa.

Si eres una empresa que usa Tailwind y estás buscando ingenieros de front-end o eres un desarrollador que quiere trabajar en una empresa que usa Tailwind, echa un vistazo a Tailwind Jobs para saber más al respecto.

Tailwind Jobs

Empezamos a trabajar en la base de código el 14 de julio y lanzamos el sitio para empresas el 2 de agosto. Lo construimos con Laravel, Inertia, React y, por supuesto, Tailwind CSS. ¡Es bastante increíble lo que puedes construir con herramientas como estas en solo 20 días!

Todavía estamos definiendo el posicionamiento y qué podemos hacer para que sea el mejor lugar para que las empresas que usan Tailwind encuentren talento de front-end, así que si haces contrataciones en tu empresa y tienes algún comentario o idea, envíale un correo electrónico a Peter — él está liderando este proyecto y está buscando gente con quien hablar al respecto.

Una cosa que estamos tratando de resolver, por ejemplo, es cómo dejar claro que los trabajos no tienen que ser estrictamente "dar estilo a las cosas con Tailwind CSS todo el día" para ser una buena opción — realmente no hay muchos trabajos así en el mundo, ¡ni siquiera tenemos trabajos así aquí en la empresa que realmente hace Tailwind CSS!

Pero hombre, mucha gente odia lidiar con CSS, incluso si no lo escriben todos los días.

Hay toneladas de desarrolladores por ahí que estarían extasiados de saber que cada vez que tengan que hacer algo de estilo, lo harán con Tailwind en lugar de algún espagueti CSS personalizado.

Queremos que la bolsa de trabajo sea un lugar para encontrar desarrolladores de React, desarrolladores de Vue, desarrolladores de Laravel, desarrolladores de Rails, lo que sea — siempre que la persona pueda usar Tailwind cuando sea el momento de dar estilo a algo, es una buena opción para Tailwind Jobs.


Trabajo en progreso...

Tenemos un montón de cosas geniales en proceso que saldrán en las próximas semanas:

  • Casi hemos terminado Heroicons v2.0, con un nuevo sitio web para acompañarlo
  • Hay una plantilla de sitio web personal condenadamente hermosa que llegará pronto a Tailwind UI
  • Headless UI v1.7 está casi lista para su lanzamiento
  • Tenemos un montón de nuevos componentes diseñados para Tailwind UI que empezaremos a construir la próxima semana

¡Así que espera otra actualización en un par de semanas con un montón de cosas más! Con el gran lanzamiento de plantillas/acceso total detrás de nosotros, estoy emocionado de cambiar de marcha de crear productos completamente nuevos y pasar el resto del año enfocado en hacer que Tailwind CSS y Headless UI sean aún mejores, y agregar toneladas de cosas nuevas e increíbles a Tailwind UI.

Recibe todas nuestras actualizaciones directamente en tu bandeja de entrada.
Suscríbete a nuestro boletín.

Copyright © 2025 Tailwind Labs Inc.·Política de Marca Registrada