Saltar al contenido
Cursores Gratis

Lupa

Una lupa de vidrio que amplía lo que hay debajo.

Plan
Gratis · MIT
Dependencias
Solo React
Props
7 (6 ajustables)

Vista previa en vivo

El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad. El vidrio no es un material sino un estado: un líquido que dejó de fluir. Al pasar por él, la luz se dobla y lo que parecía lejano se acerca. Una lente es solo vidrio con curvatura, y la curvatura decide qué tan cerca queda el mundo. Esta lupa persigue al cursor con un resorte, amplía lo que hay debajo con texto real, sin pixelarlo, y curva la luz en su borde como un cristal de verdad.
Acércate

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { LensCursor } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Props

PropTipoPor defectoDescripción
childrenReactNode""Contenido que la lupa amplía (se muestra dos veces: el real y el de la lente).
zoomnumber2.2Cuánto amplía la lupa.
sizenumber176Diámetro de la lupa, en px.
refractionnumber1Fuerza de la refracción en el borde de la lente (0 = sin curvar la luz).
stiffnessnumber420Rigidez del resorte con el que la lupa persigue al cursor.
hideCursorbooleantrueOculta el cursor del sistema dentro del área.
scenebooleanfalsePinta una lámina con texto diminuto y formas de color para ver la ampliación.

Sigue explorando

  • Mira

    Gratis

    Mira de precisión: líneas de borde a borde con hueco central, reglas con marcas en los bordes y coordenadas en vivo en mono.

    Cursores

  • Rayos finos que estallan donde haces clic: viajan hacia afuera, se despegan de su origen y dejan un anillo y chispitas.

    Cursores

  • Una capa oscura que solo deja ver el contenido oculto donde apunta el haz de una linterna, con luz cálida, resorte al abrirse y caída suave.

    Cursores