Lookcss

About

Lookcss inspecciona, previsualiza y copia CSS limpio de cualquier página
web — directamente desde tu navegador, sin servidores y en español.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

¿POR QUÉ LOOKCSS Y NO OTRA HERRAMIENTA?

Las herramientas existentes copian CSS sucio: 50, 100 o más propiedades
por elemento, llenas de defaults del navegador, variables internas del sitio
y longhands sin consolidar. Pegas el CSS en tu proyecto y no funciona, o
hace falta limpiar a mano antes de usarlo.

Lookcss filtra todo ese ruido y te entrega CSS pegable directamente:
10-20 propiedades relevantes, shorthands consolidados (margin, padding,
border-radius, gap, transition...) y sin variables CSS personalizadas
del sitio que solo tienen sentido en su propio proyecto.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

LO QUE PUEDES HACER

✓ Activar el inspector con un click y resaltar cualquier elemento de
  la página al pasar el ratón por encima.
✓ Hacer click para "fijar" el elemento y leer su CSS sin que se mueva.
✓ Copiar CSS limpio, sin defaults, listo para pegar en tu proyecto.
✓ Previsualizar el CSS en un visor con iframe aislado antes de pegar
  (función Pro).
✓ Editar el CSS en vivo y ver los cambios al instante en el visor
  (función Pro).
✓ Detectar cuándo un elemento depende de su contenedor padre (flexbox/
  grid) — Lookcss te avisa para que sepas que el CSS aislado puede
  verse distinto al original.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PRIVACIDAD POR DISEÑO

Lookcss no envía datos a ningún servidor. Nunca. El campo
host_permissions del manifest está VACÍO, lo que significa que la
extensión solo puede acceder a la pestaña que tú decides explícitamente,
cuando tú la actives.

✓ Cero servidores
✓ Cero telemetría
✓ Cero conexiones externas
✓ Funciona offline
✓ Tu CSS nunca sale de tu navegador

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

GRATIS VS PRO

VERSIÓN GRATUITA
- Inspector visual completo
- Extracción de CSS limpio
- Hasta 5 copias al portapapeles por día
- Sin límite de tiempo, sin caducidad

VERSIÓN PRO (€29 LIFETIME)
- Todo lo de la versión gratuita
- Visor CSS con iframe aislado
- Edición de CSS en vivo
- Copias ilimitadas al portapapeles
- Aviso de "depende del contenedor"
- Soporte prioritario por email
- Actualizaciones de por vida

Pago único. Sin suscripciones. Sin cobros recurrentes.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PARA QUIÉN ES LOOKCSS

→ Desarrolladores frontend que copian estilos de webs como referencia.
→ Diseñadores que necesitan extraer paletas, espaciados, tipografías
  o efectos de páginas reales.
→ Estudiantes que aprenden CSS analizando código de webs profesionales.
→ Equipos que auditan o documentan diseños existentes.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

CÓMO USARLO

1. Pulsa el icono de Lookcss en la barra de Chrome.
2. Haz click en "Activar inspector".
3. Pasa el ratón por la página para ver elementos resaltados.
4. Click en un elemento para seleccionarlo (queda fijo).
5. Copia el CSS o ábrelo en el visor para previsualizarlo (Pro).
6. Pulsa Esc para salir del modo inspector.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━

¿PROBLEMAS O SUGERENCIAS?

Lookcss es un producto en desarrollo activo. Si encuentras un bug o
quieres pedir una función nueva, escríbenos a [email protected] y
responderemos personalmente.

Lookcss · lookcss.dev