HTML + CSSInputs
Textarea que crece solo
Empieza en una línea, crece con cada línea nueva que escribes y su anillo de foco respira despacio.
Ajustes
16px
1x
Código
<label class="uv-in2gr"><textarea rows="1" placeholder="Cuéntame algo…"></textarea></label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Dónde usarlo
Una caja que crece al escribir parece más ligera que un gran rectángulo vacío, y eso anima a empezar. Buenos sitios para ella: los comentarios bajo un post, el campo de mensaje de un chat de soporte o las observaciones de un formulario de reserva. Un textarea autoajustable en HTML y CSS, con unas líneas de JavaScript.
Funciona mejor con mensajes cortos o medianos. Para textos largos, como una carta de presentación, empieza con una caja más alta para que la página no vaya saltando mientras la gente escribe.