Luma
A global illumination library from Framer.
API subject to change before version 1.0.
Usage
React
Set up a global light.
import { Light } from "luma"
export function App({ children }) {
return (
<Light x={-20} y={-40}>
{children}
</Light>
)
}Cast the light by generating a boxShadow property.
import { useBoxShadow } from "luma"
export function Component() {
const depth = 10
const boxShadow = useBoxShadow(depth)
return <div style={{ boxShadow }} />
}